我正在使用usemin,我通常喜欢它,但我真的很不喜欢usemin覆盖我的原始索引.html文件的事实。我的 Gruntfile 中有一个非常典型的设置:
useminPrepare: {
html: '<%= yeoman.app %>/index.html',
options: {
root: '<%= yeoman.root %>',
staging: '<%= yeoman.tmp %>',
dest: '<%= yeoman.dist %>',
flow: {
html: {
steps: {
js: ['concat', 'uglifyjs'],
css: ['cssmin']
},
post: {}
}
}
}
},
每当我使用 grunt 构建时,最终所有内容都会被转储到 dist 目录中。大多数需要执行"临时"修改的其他任务都会复制和修改.tmp目录中的文件。
usemin 虽然对实际的索引.html文件搞砸了。我特别不喜欢这样,因为它让 Github 认为每次我签入新代码时文件都发生了变化。
有没有办法告诉 usemin 像大多数其他 grunt 插件一样使用 .tmp 目录?
我确实指定了我的临时目录:
staging: '<%= yeoman.tmp %>'
但这似乎并不能阻止 index.html 文件被覆盖。
谢谢。
更新(根据下面的评论)
以下是 usemin 任务本身:
// Performs rewrites based on filerev and the useminPrepare configuration
usemin: {
html: ['<%= yeoman.dist %>/{,*/}*.html'],
css: ['<%= yeoman.dist %>/styles/{,*/}*.css'],
options: {
assetsDirs: ['<%= yeoman.dist %>','<%= yeoman.dist %>/images']
}
},
这是同时使用 useminPrepare 和 usemin 的 grunt 任务:
grunt.registerTask('build', [
'clean:dist',
'wiredep',
'useminPrepare',
'concurrent:dist',
'autoprefixer',
'concat',
'ngAnnotate',
'copy:dist',
'cdnify',
'cssmin',
'uglify',
'filerev',
'usemin',
'htmlmin',
'bridge:dist'
]);
只是不执行文件修订任务。这是修改原始 html 文件的任务。