如何防止 Usemin 覆盖原始索引.html文件



我正在使用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 文件的任务。

相关内容

  • 没有找到相关文章

最新更新