javascript - 让 Grunt 使用 HTML 任务创建新文件而不是重写

Question

我有一个简单的 Gruntfile，使用 usemin 和来自 Yeoman 生成器的基本默认配置。我需要能够创建一个新的 html 文件，而不是重写 html 文件。这就是我希望能起作用的:

useminPrepare: {
  html: 'index.tpl',
  options: {
    dest: '.',
    flow: {
      html: {
        steps: {
          js: ['concat', 'uglifyjs'],
          css: ['cssmin']
        },
        post: {}
      }
    }
  }
},

usemin: {
  html: {
    src: 'index.tpl',
    dest: 'index.html'
  }
}

这样的事情可能吗？

Answer 1

这还不可能。实际上唯一的方法是使用 grunt-contrib-copy (或这样的插件)来复制您的 index.html 文件，然后使用 usemin 任务更改该副本。

以下是此解决方案的示例:(摘自 mvolkmann 的帖子 https://github.com/yeoman/grunt-usemin/issues/176 )

module.exports = function (grunt) {
  grunt.initConfig({
    clean: ['build'],
    copy: {
      html: { // in preparation for usemin
        files: [
          {src: 'index.html', dest: 'build/'}
        ]
      }
    }, 
    uglify: {
      all: {
        files: {
          'build/output.min.js': ['lib/angular.min.js', 'scripts/*.js']
        }
      }
    },
    useminPrepare: {
      options: {dest: 'build'}
    },
    usemin: {
      html: 'build/index.html', // must have this
      //css: '*.css',
      options: {
        dirs: ['lib', 'scripts']
      }
    },
  });

  var tasks = [
    'grunt-contrib-clean',
    'grunt-contrib-copy',
    'grunt-contrib-cssmin',
    'grunt-contrib-uglify',
    'grunt-usemin'
  ];
  tasks.forEach(grunt.loadNpmTasks);

  grunt.registerTask('min', ['copy', 'useminPrepare', 'uglify', 'usemin']);
};