javascript - Gruntfile 任务未正常运行

Question

当我在终端上运行 grunt 命令时，concat 任务不会创建 concat/form.js，我需要它来缩小 javascript 代码。

我有下一个目录结构:

src/entry/form.jssrc/form/simple-form.js


这是我的Gruntfile.js，

这有什么问题吗？

module.exports = function(grunt){

  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    concat: {
      form: {
        options: {
          separator: ''
        },
        dist: {
          src: ['./src/**/*.js'],
          dest: './concat/form.js'
        }
      }
    },
    uglify:{
      form:{
        options: {
          sourceMap: true,
          souceMapIncludeSources: true
        },
        dist: {
          files: {
            'dist/test.min.js' : ['concat/form.js']
          }
        }
      }
    }
  });

  grunt.loadNpmTasks('grunt-contrib-concat');
  grunt.loadNpmTasks('grunt-contrib-uglify');
  grunt.registerTask('default', ['concat:form', 'uglify:form']);
};

最终的 Gruntfile.js

module.exports = function(grunt){

  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    concat: {
      options: {
        separator: ''
      },
      form: {
        src: ['./src/**/*.js'],
        dest: './concat/form.js'
      }
    },
    uglify:{
      options: {
        sourceMap: true,
        souceMapIncludeSources: true
      },
      form: {
        files: {
          'dist/test.min.js' : ['concat/form.js']
        }
      }
    }
  });

  grunt.loadNpmTasks('grunt-contrib-concat');
  grunt.loadNpmTasks('grunt-contrib-uglify');
  grunt.registerTask('default', ['concat', 'uglify']);
};

Answer 1

您同时使用form和dist，这可能是一个错误。你应该减少这个

concat: {
  form: {
    options: {
      separator: ''
    },
    dist: {
      src: ['./src/**/*.js'],
      dest: './concat/form.js'
    }
  }
},

到此

concat: {
  options: {
    separator: ''
  },
  form: {
    src: ['./src/**/*.js'],
    dest: './concat/form.js'
  }
},

查看示例如何完成 here