如何在 grunt build 中跳过 concat答案

【问题标题】：How to skip concat in grunt build如何在 grunt build 中跳过 concat
【发布时间】：2017-07-26 03:49:44
【问题描述】：

我需要跳过 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 的输出。

【问题讨论】：

您能否分享您遇到的错误？ Uglify 不应该失败，除非出现问题。
我没有得到任何错误，但没有得到我想要的。我需要一个单独的缩小脚本，而不是我得到一个连接和缩小的脚本

标签： javascript angularjs gruntjs uglifyjs grunt-contrib-concat

【解决方案1】：

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

你也可以在 grunt.initConfig 中指定你想要 uglify 和注解的 js 文件：

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

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

【讨论】：