使用 Grunt uglify 任务来破坏 JS 代码答案

【问题标题】：Using Grunt uglify task to mangle JS code使用 Grunt uglify 任务来破坏 JS 代码
【发布时间】：2015-07-03 09:44:27
【问题描述】：

我正在尝试使用 Grunt uglify 任务来破坏我的 javascript 代码，虽然我可以使 minify 工作，但我不知道如何传递“mangle”选项。我的 Gruntfile 包含：

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 被缩小，但没有被破坏。谁能告诉我我做错了什么？

【问题讨论】：

你能在处理之前/之后显示JS代码吗？
Uglify-js doesn't mangle variable names 的可能重复项
尝试：-mt 或 --mangle-toplevel 见上文或github.com/mishoo/UglifyJS2#mangler-options
嗨 Vitr，我已经阅读了选项，我遇到的问题是如何在 Grunt 中传递这些选项。这会进入 Gruntfile 吗？我是否将它用作“grunt build”的标志？

标签： javascript gruntjs grunt-contrib-connect

【解决方案1】：

您需要将 mangles 放入 options 对象中，无论是在任务级别还是目标级别，例如：

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

【讨论】：