comment config grunt.js minifier les fichiers séparément

Eu le même problème et trouvé une solution qui serait automatiquement rapetisser tous mes scripts séparément:

uglify: {
      build: {
        files: [{
            expand: true,
            src: '**/*.js',
            dest: 'build/scripts',
            cwd: 'app/scripts'
        }]
      }
    }

Ou vous pouvez utiliser expandMapping, comme ceci:

min: {
    files: grunt.file.expandMapping(['path/*.js', 'path2/*.js'], 'destination/', {
        rename: function(destBase, destPath) {
            return destBase+destPath.replace('.js', '.min.js');
        }
    })
}

Et la sortie:

path/test.js => destination/path/test.min.js

path2/foo.js => destination/path2/foo.min.js

De la grognement docs pour min:

Cette tâche est un multi-tâche, ce qui signifie que grunt sera automatiquement
itérer sur tous les min cibles si la cible n'est pas spécifié.

De sorte que vous pouvez le faire:

  min: {
    min_a: {
       src:  'a.js',
       dest: 'a.min.js'
    },
    min_b: {
       src:  'b.js',
       dest: 'b.min.js'
    },
    min_c: {
       src:  'c.js',
       dest: 'c.min.js'
 }

Il n'y a rien de spécial à propos le nom de "dist" pour ces tâches.

Explicitement à l'exportation de certains fichiers en différents fichiers de sortie (dans ce cas all.min.js et all.jquery.js) utilisation:

uglify: {
  js: {
    files : {
        'js/all.min.js' : [
          'js/modernizr.js',
          'js/vendor/modernizr-2.6.2-respond-1.1.0.min.js',
          'js/bootstrap.min.js',
          'js/main.js',
          'js/ZeroClipboard.min.js',
          'js/bootstrap-datepicker/bootstrap-datepicker.js'
        ],

        'js/all.jquery.js' : [
          'js/vendor/jquery-1.9.1.js',
          'js/vendor/jquery-migrate-1.2.1.js',
          'js/vendor/jquery-ui.js'
        ]

    }
  },
  options: {
    banner: '\n/*! <%= pkg.name %> <%= grunt.template.today("dd-mm-yyyy") %> */\n',
    preserveComments: 'some',
    report: 'min'
  }
},

Vous pouvez également utiliser la copie et grunt-mindirect.

copy: {
  dist: {
    src: 'a.js',
    dest: 'a.min.js'
  }
},
minidirect: {
  all: 'js/min/*.min.js'
}

Cela devrait fonctionner.

Dans l'intention d'aider les autres qui viennent à cette page à l'avenir -

Je suis tombé sur une vidéo qui explique comment minifier les fichiers JS utilisation de Grunt JS ici: https://www.youtube.com/watch?v=Gkv7pA0PMJQ

Le code source est disponible ici: http://www.techcbt.com/Post/359/Grunt-JS/how-to-minify-uglify-javascript-files-using-grunt-js

Juste au cas où, si les liens ci-dessus ne sont pas de travail:

1. Vous pouvez rapetisser tous les fichiers javascript et combiner/concat dans un fichier à l'aide du script suivant:

JS:

    module.exports = function(grunt){
	grunt.loadNpmTasks('grunt-contrib-uglify');	
	
	grunt.initConfig({
		pkg: grunt.file.readJSON('package.json'),

		uglify:{
			t1:{
				files:{
					'dest/all.min.js': ['src/app.js', 'src/one.js', 'src/t/two.js']
				}
			}
		}
	});	
};

1. Si vous voulez avoir de la source des cartes générées, vous pouvez activer le "sourceMap" option comme suit:

JS:

    module.exports = function(grunt){
	grunt.loadNpmTasks('grunt-contrib-uglify');	

	grunt.initConfig({
		pkg: grunt.file.readJSON('package.json'),

		uglify:{
			t1:{
				options : {
        			sourceMap : true,
      			},
				files:{
					'dest/all.min.js': ['src/app.js', 'src/one.js', 'src/t/two.js']
				}
			}
		}
	});	
};

1. Afin de conserver toute la structure de dossiers alors que les minifying JS fichiers, vous pouvez utiliser le script suivant:

JS:

    module.exports = function(grunt){
	grunt.loadNpmTasks('grunt-contrib-uglify');	

	grunt.initConfig({
		pkg: grunt.file.readJSON('package.json'),

		uglify:{
			t1:{
				files: [{
					cwd: 'src/',
               		src: '**/*.js',  
               		dest: 'dest/',    
               		expand: true,    
               		flatten: false,
               		ext: '.min.js'
           		}]
			}
		}
	});	
};