如何在咕unt的構建中跳過concat

Question

我需要跳過有關grunt構建的concat，因為它導致我很多錯誤，並且在我的有角項目中發生沖突。

我在我的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'
  ]);

但是仍然給我輸出conug腳本uglify。

Answer 1

創建自己的任務，女巫將運行ngAnnotate，然后uglify和cssmin來最小化css。

您還可以在grunt.initConfig上指定要進行丑化和注釋的js文件：

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

這是一個較低的版本，並且咕unt聲的構建更加靜態，但是它將對您的項目進行縮小和注釋。