javascript - Grunt - usemin 总是将 dist/directory 留空

Question

我正在尝试使用 usemin 插件来缩小并创建我的可分发文件。这是我的 Gruntfile.js:

module.exports = function(grunt) {

  require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks);

  grunt.initConfig({
    dirs: {
      dist: 'dist',
      app: 'app'
    },
    clean: {
      dist: '<%= dirs.dist %>/*'
    },
    jshint: {
      gruntfile: 'Gruntfile.js',
      sources: '<%= dirs.jshint %>',
      options: {
        jshintrc: '.jshintrc'
      }
    },
    useminPrepare: {
      options: {
        dest: '<%= dirs.dist %>'
      },
      html: '<%= dirs.app %>/index.html'
    },
    usemin: {
      options: {
        assetsDirs: ['<%= dirs.dist %>']
      },
      html: ['<%= dirs.dist %>/{,*/}*.html'],
      css: ['<%= dirs.dist %>/styles/{,*/}*.css']
    }
  });

  grunt.registerTask('build', ['clean:dist', 'jshint', 'useminPrepare', 'usemin']);
};

我可以在控制台中看到我的文件被缩小和丑化，但我的 dist 目录中没有出现任何内容。它总是空的。我缺少什么配置？另外，如果我没有做任何超出 usemin 插件正在做的事情，我是否需要 useminPrepare 和 usemin ？

Answer 1

您需要将 concat, uglify 添加到您的任务列表中。 Usemin 将准备配置，因此您不需要自己执行此操作 - 但仍然需要它们。

例如。

grunt.registerTask('use', ['useminPrepare','usemin','concat','uglify']);