javascript - 如何在 grunt build 中跳过 concat

Question

我需要跳过 grunt 构建中的 concat，因为它会给我带来很多错误，并在我的 Angular 项目中产生冲突。

我在我的 Gruntfile.js 上试过这个:

copy: {
      dist: {
        files: [{
          expand: true,
          dot: true,
          cwd: '<%= yeoman.app %>',
          dest: '<%= yeoman.dist %>',
          src: [
            '*.{ico,png,txt}',
            '*.html',
            'images/{,*/}*.{webp}',
            'styles/fonts/{,*/}*.*'
          ]
        }, {
          expand: true,
          cwd: '.tmp/images',
          dest: '<%= yeoman.dist %>/images',
          src: ['generated/*']
        },{
          expand: true,
          cwd: '.tmp/scripts',
          dest: '<%= yeoman.dist %>/scripts',
          src: ['<%= yeoman.app %>/scripts/{,*/}*.js']
        }, {
          expand: true,
          cwd: 'bower_components/bootstrap/dist',
          src: 'fonts/*',
          dest: '<%= yeoman.dist %>'
        }]
      },
      styles: {
        expand: true,
        cwd: '<%= yeoman.app %>/styles',
        dest: '.tmp/styles/',
        src: '{,*/}*.css'
      }
    },

useminPrepare: {
      html: '<%= yeoman.app %>/index.html',
      options: {
        dest: '<%= yeoman.dist %>',
        flow: {
          html: {
            steps: {
              js: ['uglifyjs'],
              css: ['cssmin']
            },
            post: {}
          }
        }
      }
    },

  grunt.registerTask('build', [
    'clean:dist',
    'wiredep',
    'useminPrepare',
    'postcss',
    'ngtemplates',
    'ngAnnotate',
    'copy:dist',
    'cdnify',
    'cssmin',
    'uglify',
    'filerev',
    'usemin',
    'htmlmin'
  ]);

但仍然给我 concat scripts uglify 的输出。

Answer 1

创建您自己的任务，女巫将运行 ngAnnotate，然后运行 ​​uglify 和 cssmin 以缩小 css。

您还可以指定要在 grunt.initConfig 上进行丑化和注释的 js 文件:

ngAnnotate : {
    dist: {
        files: {
            '.tmp/scripts/MYFILE.min.js' : ['app/scripts/MYFILE.js'],
             /*...*/

它是一个较低版本，更加静态的 grunt 构建，但它会对您的项目进行缩小和注释。