javascript - Cómo usar mis propias configuraciones de opciones para concat y uglify con grunt-usemin

node.js gruntjs

Question

Por ejemplo: estoy usando la configuración actual a continuación para uglify mis scripts JS en mi Gruntfile:

 uglify: {
options: {
report: "min", //"gzip",
sourceMap: true,
preserveComments: false, //"some", "all"
},
application: {
options: {
// expand: true,
banner: ''<%= app.banner %>'',
preserveComments: "some"
},
src: ''dist/js/application.js'',
dest: ".tmp/js/application.min.js"
},
dependencies: {
options: {
sourceMap: false
},
src: [''dist/js/dependencies.js''],
dest: ".tmp/js/dependencies.min.js"
},

Soy consciente de que grunt-usemin genera las opciones src y dest del bloque de código en el archivo html declarado en la opción useminPrepare gruntfile, por ejemplo:

 <!-- build:js js/app.js -->
<script src="js/app.js"></script>
<script src="js/controllers/thing-controller.js"></script>
<script src="js/models/thing-model.js"></script>
<script src="js/views/thing-view.js"></script>
<!-- endbuild -->

Entonces, ¿cómo puedo configurar grunt-usemin para usar estas mismas opciones, como banner , sourceMap: false con los bloques de archivos generados, he leído la documentación rápida que usualmente se da en github o el registro de NPM pero parece no encontrar una respuesta sólida a esto.

Answer 1

Una oración es muy importante en la documentación:

Además, useminPrepare genera dinámicamente la configuración para concat, uglify y cssmin. Importante: aún necesita administrar manualmente estas dependencias y llamar a cada tarea.

El principio es declarar solo que desea usar usemin (en la tarea de registro de grunt) con toda la tarea principal que desee: concat, uglify ... Usemin creará todas estas tareas de forma predeterminada sin ninguna declaración, en función de sus opciones de registro y comentarios de marcado html.

El código es mejor que las palabras:

1. Exprese sus archivos de destino de marcado de bloque. En tu caso, algo así como:

 <!-- build:js js/app.min.js -->
<script src="js/app.js"></script>
<script src="js/controllers/thing-controller.js"></script>
<script src="js/models/thing-model.js"></script>
<script src="js/views/thing-view.js"></script>
<!-- endbuild -->

2 - Registre las tareas que quiere que usemin genere para usted durante el tiempo de ejecución (no genera nada en su archivo, algo que debe precisarse en la documentación). Por ejemplo :

grunt.registerTask (''minify'', [''useminPrepare'', ''concat'', ''cssmin'', ''uglify'', ''copy''
, ''rev'', usemin ''])

3 - De forma predeterminada, todas estas tareas se generan, excepto useminPrepare y usemin (consulte la documentación de estos 2 bloques grunt-usemin ).

Luego, si desea agregar opciones específicas como el mapa de origen, solo vuelva a escribir el código de configuración sin redefinir todo:

uglify: {options: {sourceMap: false}}

Espero eso ayude.