blocks|key|220322|text|有相同的问题，并找到了一个解决方案，将自动缩小我的所有脚本分别：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|220323|uglify:+{
++++++build:+{
++++++++files:+[{
++++++++++++expand:+true,
++++++++++++src:+'**/*.js',
++++++++++++dest:+'build/scripts',
++++++++++++cwd:+'app/scripts'
++++++++}]
++++++}
++++}|code-block|syntax|javascript|220324|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Had the same problem and found a solution that would automatically minify all my scripts separately:

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

blocks|key|220206|text|在Grun0.4中，您可以指定多个dest/src对，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|220207|uglify:+{
++++dist:+{
++++++++files:+{
++++++++++++'dist/main.js':+'src/main.js',
++++++++++++'dist/widget.js':+'src/widget.js'
++++++++}
++++}
}|code-block|syntax|javascript|220208|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

In grunt 0.4 you can specify multiple dest/src pairs like this:

<pre><code>uglify: {
 dist: {
 files: {
 'dist/main.js': 'src/main.js',
 'dist/widget.js': 'src/widget.js'
 }
 }
}
</code></pre>

blocks|key|438498|text|或者，您可以使用expandMapping，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|438499|min:+{
++++files:+grunt.file.expandMapping(['path/*.js',+'path2/*.js'],+'destination/',+{
++++++++rename:+function(destBase,+destPath)+{
++++++++++++return+destBase%2BdestPath.replace('.js',+'.min.js');
++++++++}
++++})
}|code-block|syntax|javascript|438500|和输出：|438501|路径/test.js+=>目标/路径/test.min.js|438502|path2/foo.js+=>目的地/path2/foo.min.js|438503|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Or you can use expandMapping, like this:

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

And the output:

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

blocks|key|438519|text|下面这个gruntjs适用于我为一个目录下的所有js文件创建最小化文件|type|unstyled|depth|inlineStyleRanges|entityRanges|data|438520|module.exports+=+function(grunt)+{

++//+Project+configuration.
++grunt.initConfig({
++++pkg:+grunt.file.readJSON('package.json'),
++++uglify:+{
++++build:+{
++++++++files:+[{
++++++++++++expand:+true,
++++++++++++src:+'**/*.js',
++++++++++++dest:+'build/scripts',
++++++++++++cwd:+'public_html/app',
++++++++ext:+'.min.js'
++++++++}]
++++++}
++++}
++});

++//+Load+the+plugin+that+provides+the+"uglify"+task.
++grunt.loadNpmTasks('grunt-contrib-uglify');

++//+Default+task(s).
++grunt.registerTask('default',+['uglify']);

};|code-block|syntax|javascript|438521|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This below gruntjs works for me for creating minified files for all the js files under a dir

<pre><code>module.exports = function(grunt) {

 // Project configuration.
 grunt.initConfig({
 pkg: grunt.file.readJSON('package.json'),
 uglify: {
 build: {
 files: [{
 expand: true,
 src: '**/*.js',
 dest: 'build/scripts',
 cwd: 'public_html/app',
 ext: '.min.js'
 }]
 }
 }
 });

 // Load the plugin that provides the "uglify" task.
 grunt.loadNpmTasks('grunt-contrib-uglify');

 // Default task(s).
 grunt.registerTask('default', ['uglify']);

};
</code></pre>

blocks|key|220437|text|使用ext选项将文件命名为.min.js，而不是.js|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|220438|uglify:+{
++++++build:+{
++++++++files:+[{
++++++++++++expand:+true,
++++++++++++src:+'**/*.js',
++++++++++++dest:+'build/scripts',
++++++++++++cwd:+'app/scripts',
++++++++++++ext:+'.min.js'
++++++++}]
++++++}
++++}|code-block|syntax|javascript|220439|entityMap^0|2|3|D|7|O|3|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|U|8|@]|D|@]|E|$]]]|L|$]]

Use the <code>ext</code> option to name the files <code>.min.js</code> instead of <code>.js</code>

<pre><code>uglify: {
 build: {
 files: [{
 expand: true,
 src: '**/*.js',
 dest: 'build/scripts',
 cwd: 'app/scripts',
 ext: '.min.js'
 }]
 }
 }
</code></pre>

blocks|key|220414|text|我喜欢保留原始文件，也喜欢创建丑化的文件：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|220415|uglify:+{
++dist:+{
++++files:+[{
++++++expand:+true,
++++++src:+'**/*.js',
++++++dest:+'destdir',
++++++cwd:+'srcdir',
++++++rename:+function(dest,+src)+{+return+dest+%2B+'/'+%2B+src.replace('.js',+'.min.js');+}
++++}]
++}
},|code-block|syntax|javascript|220416|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I like to keep the original files and also create uglified ones:

<pre><code>uglify: {
 dist: {
 files: [{
 expand: true,
 src: '**/*.js',
 dest: 'destdir',
 cwd: 'srcdir',
 rename: function(dest, src) { return dest + '/' + src.replace('.js', '.min.js'); }
 }]
 }
},
</code></pre>

blocks|key|438384|text|您还可以使用copy和grunt-mindirect。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|438385|copy:+{
++dist:+{
++++src:+'a.js',
++++dest:+'a.min.js'
++}
},
minidirect:+{
++all:+'js/min/*.min.js'
}|code-block|syntax|javascript|438386|这应该是可行的。|438387|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/buunguyen/grunt-mindirect^0|B|F|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

You also can use copy and <a href="https://github.com/buunguyen/grunt-mindirect" rel="nofollow">grunt-mindirect</a>.

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

This should work.

blocks|key|438428|text|我想它只对监视任务有影响。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|438429|在Grun0.4中，你可以做到这一点|438430|++var+filesA+=+'a.js',+filesB+=+'b.js',+filesC+=+'c.js';

++...

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

++watch:+{
++++++min_a:+{
+++++++++files:++filesA,
+++++++++tasks:+['min:min_a']
++++++},
++++++min_b:+{
+++++++++files:++filesB,
+++++++++tasks:+['min:min_b']
++++++},
++++++min_c:+{
+++++++++files:++filesC,
+++++++++tasks:+['min:min_c']
++++++}
++}|code-block|syntax|javascript|438431|在那之后，只需启动grunt+watch，一切都会自动正常。|offset|length|style|CODE|438432|entityMap^0|0|0|0|9|B|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@$K|U|L|V|M|N]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

I guess it only matters for watch tasks.

In grunt 0.4 you can do this

<pre><code> var filesA = 'a.js', filesB = 'b.js', filesC = 'c.js';

 ...

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

 watch: {
 min_a: {
 files: filesA,
 tasks: ['min:min_a']
 },
 min_b: {
 files: filesB,
 tasks: ['min:min_b']
 },
 min_c: {
 files: filesC,
 tasks: ['min:min_c']
 }
 }
</code></pre>

After that just start <code>grunt watch</code> and all will be fine automagically.

there are some js files in static/js/

<pre><code> 1. a.js
 2. b.js
 3. c.js 
</code></pre>

how to config grunt.js to get below files:

<pre><code> 1. a.min.js
 2. b.min.js
 3. c.min.js
</code></pre>

as far, I have to type specific file name:

<pre><code> min: {
 dist: {
 src: 'js/**/*.js',
 dest: 'js/min/xxx.min.js'
 }
 }
</code></pre>

how to config grunt.js to minify files separately

static/ js /中有一些js文件    1. a.js    2. b.js    3. c.js   如何配置grunt.js以获取以下文件：    1. a.min.js    2. b.min.js    3. c.min.js到目前为止，我必须键入特定的文件名：  min: {    dist: {    src:  'js/**/*.js',    dest: 'js/min/x

问如何配置grunt.js以单独压缩文件
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何配置grunt.js以单独压缩文件EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何配置grunt.js以单独压缩文件
EN