如何在 grunt build 中跳过 concat
How to skip concat in grunt build
我需要跳过 grunt 构建中的连接,因为它会导致我出现很多错误,并且会在我的 angular 项目中发生冲突。
我在 Gruntfile.js 上试过这个:
copy: {
dist: {
files: [{
expand: true,
dot: true,
cwd: '<%= yeoman.app %>',
dest: '<%= yeoman.dist %>',
src: [
'*.{ico,png,txt}',
'*.html',
'images/{,*/}*.{webp}',
'styles/fonts/{,*/}*.*'
]
}, {
expand: true,
cwd: '.tmp/images',
dest: '<%= yeoman.dist %>/images',
src: ['generated/*']
},{
expand: true,
cwd: '.tmp/scripts',
dest: '<%= yeoman.dist %>/scripts',
src: ['<%= yeoman.app %>/scripts/{,*/}*.js']
}, {
expand: true,
cwd: 'bower_components/bootstrap/dist',
src: 'fonts/*',
dest: '<%= yeoman.dist %>'
}]
},
styles: {
expand: true,
cwd: '<%= yeoman.app %>/styles',
dest: '.tmp/styles/',
src: '{,*/}*.css'
}
},
useminPrepare: {
html: '<%= yeoman.app %>/index.html',
options: {
dest: '<%= yeoman.dist %>',
flow: {
html: {
steps: {
js: ['uglifyjs'],
css: ['cssmin']
},
post: {}
}
}
}
},
grunt.registerTask('build', [
'clean:dist',
'wiredep',
'useminPrepare',
'postcss',
'ngtemplates',
'ngAnnotate',
'copy:dist',
'cdnify',
'cssmin',
'uglify',
'filerev',
'usemin',
'htmlmin'
]);
但仍然给我一个 concat scripts uglify 的输出。
创建您自己的任务 将 运行 ngAnnotate 然后 uglify 和 cssmin 用于缩小 css.
您还可以在 grunt.initConfig:
上指定要丑化和注释的 js 文件
ngAnnotate : {
dist: {
files: {
'.tmp/scripts/MYFILE.min.js' : ['app/scripts/MYFILE.js'],
/*...*/
它是一个较低的版本,并且是 g运行t 构建的更多静态版本,但它会对您的项目进行缩小和注释。
我需要跳过 grunt 构建中的连接,因为它会导致我出现很多错误,并且会在我的 angular 项目中发生冲突。
我在 Gruntfile.js 上试过这个:
copy: {
dist: {
files: [{
expand: true,
dot: true,
cwd: '<%= yeoman.app %>',
dest: '<%= yeoman.dist %>',
src: [
'*.{ico,png,txt}',
'*.html',
'images/{,*/}*.{webp}',
'styles/fonts/{,*/}*.*'
]
}, {
expand: true,
cwd: '.tmp/images',
dest: '<%= yeoman.dist %>/images',
src: ['generated/*']
},{
expand: true,
cwd: '.tmp/scripts',
dest: '<%= yeoman.dist %>/scripts',
src: ['<%= yeoman.app %>/scripts/{,*/}*.js']
}, {
expand: true,
cwd: 'bower_components/bootstrap/dist',
src: 'fonts/*',
dest: '<%= yeoman.dist %>'
}]
},
styles: {
expand: true,
cwd: '<%= yeoman.app %>/styles',
dest: '.tmp/styles/',
src: '{,*/}*.css'
}
},
useminPrepare: {
html: '<%= yeoman.app %>/index.html',
options: {
dest: '<%= yeoman.dist %>',
flow: {
html: {
steps: {
js: ['uglifyjs'],
css: ['cssmin']
},
post: {}
}
}
}
},
grunt.registerTask('build', [
'clean:dist',
'wiredep',
'useminPrepare',
'postcss',
'ngtemplates',
'ngAnnotate',
'copy:dist',
'cdnify',
'cssmin',
'uglify',
'filerev',
'usemin',
'htmlmin'
]);
但仍然给我一个 concat scripts uglify 的输出。
创建您自己的任务 将 运行 ngAnnotate 然后 uglify 和 cssmin 用于缩小 css.
您还可以在 grunt.initConfig:
上指定要丑化和注释的 js 文件ngAnnotate : {
dist: {
files: {
'.tmp/scripts/MYFILE.min.js' : ['app/scripts/MYFILE.js'],
/*...*/
它是一个较低的版本,并且是 g运行t 构建的更多静态版本,但它会对您的项目进行缩小和注释。