tutorial - npm install grunt

Grunt concat todas las dependencias de package.json

Question

Esta es la primera vez que uso gruñido y npm.

Mi paquete.json contiene esto:

"dependencies": {
    "angular": "latest",
    "bootstrap": "latest",
    "jquery": "latest"
}

¿Hay alguna forma de decirle a grunt: "Mire todas mis dependencias, cargue los archivos correctos y cree un archivo JS y un archivo CSS para distribuir"?

* Esto es porque no quiero enumerar todos los archivos de distribución para cada dependencia.

Answer 1

sí, puede usar módulos roncados como: concat, cssmin y sass, para concat sus archivos en solo 1.

Trataré de dar una pequeña explicación, pero puedes leer más y entender usando los enlaces.

concat: https://www.npmjs.com/package/grunt-contrib-concat

cssmin: https://github.com/gruntjs/grunt-contrib-cssmin

sass: https://github.com/gruntjs/grunt-contrib-sass

en el paquete json: inserte estas dependencias:

"grunt-contrib-concat": "*",
"grunt-contrib-cssmin": "*",
"grunt-contrib-uglify": "*",
"grunt-contrib-uglify": "*",

en gruntfile.js inserte estos bloques a continuación:

cargar las tareas:

var tasks = [


            ,''grunt-contrib-concat''
            ,''grunt-contrib-uglify''
            ,''grunt-contrib-sass''
            ,''grunt-contrib-cssmin''

    ];

para css min:

cssmin: {
  target: {
    files: [{
      expand: true,
      cwd: ''release/css'',
      src: [''*.css'', ''!*.min.css''],
      dest: ''release/css'',
      ext: ''.min.css''
    }]
  }
}

para Concat:

            var concat
            config.concat = concat = {};

            concat.dev = {
                files: {
                    "public/myapp.development.js": [
                        "with-bootstrap/public/js/vendor"
                        ,"with-bootstrap/public/js/**/*.js"
                    ]
                }
            };

para uglify:

config.uglify = {dist: {
                options: {sourceMap:"public/myapp.production.js.map"}
                ,files: {
                    "public/myapp.production.js": ["public/myapp.development.js"]
                }
            }}

espero que esto te ayude.