使用 Grunt uglify 任务来处理 JS 代码

Question

我正在尝试使用 G运行t uglify 任务来破坏我的 javascript 代码，虽然我可以使 minify 工作，但我不知道如何通过 'mangle'选项。我的 G运行t 文件包含：

uglify: {
  dist: {
    mangle: true,
    files: {
      '<%= yeoman.dist %>/scripts/scripts.js': [
        '<%= yeoman.dist %>/scripts/scripts.js'
      ]
    }
  }
},

...

  grunt.registerTask('build', [
    'clean:dist',
    'wiredep',
    'useminPrepare',
    'concurrent:dist',
    'autoprefixer',
    'concat',
    'ngAnnotate',
    'uglify',
    'copy:dist',
    'cdnify',
    'cssmin',
    'filerev',
    'usemin',
  ]);

使用此设置，当我运行 "grunt build" uglify 任务报告成功时，我的 javascript 被缩小，但没有被破坏。谁能告诉我我做错了什么？

Answer 1

您需要在任务或目标级别的 options 对象中放置 mangle，例如：

uglify: {
  dist: {
    options: {
        mangle: true,
    },
    files: {
      '<%= yeoman.dist %>/scripts/scripts.js': [
        '<%= yeoman.dist %>/scripts/scripts.js'
      ]
    }
  }
},

使用 Grunt uglify 任务来处理 JS 代码

Using Grunt uglify task to mangle JS code

javascript

gruntjs

grunt-contrib-connect