r.js构建中的替代JavaScript压缩方法

Question

我正在使用r.js为我的Require JS应用程序构建生产脚本，并且正在寻找一种使用替代压缩库或更改所使用默认值的方法。 我希望删除空格，但要使变量名保持不变。

我有一个特殊的要求，即按原样保留变量名，并且不要更改它们。 对常量变量名称的需求引入了一些“代码味道”，但是它使应用程序的配置文件对非专家编辑器更可靠-因此，请尽量避免在此处建议更改设计。

我目前已将r.js配置为完全不优化JavaScript，这意味着不仅保留了变量名，而且保留了空格。 下面提供了gruntfile.js的相关部分。

谁能建议一种压缩空白但不更改r.js构建中的变量名称的方法？

  english: {
    options: {
      baseUrl: "js",
      mainConfigFile: "js/app-en.js",
      name: "app-en",
      out: "js/dist/<%= pkg.name %>-en.js",
      optimize: "none"
    }
  }

Answer 1

r.js优化器具有一些设置，可用于控制Minifier的运行方式。 使用的默认缩小器是UglifyJS。 uglifyjs选项告诉r.js如何调用它。 给定您显示的设置，需要执行以下操作：删除optimize: "none"并添加uglify: { no_mangle: true } ：

english: {
  options: {
    baseUrl: "js",
    mainConfigFile: "js/app-en.js",
    name: "app-en",
    out: "js/dist/<%= pkg.name %>-en.js",
    uglify: {
      no_mangle: true
    },
  }
}

这里记录了 UglifyJS进行的整套设置。 如果您需要或想要切换到UglifyJS2或Closure ，则r.js具有uglify2和closure设置，可用于设置其选项。

对于Uglify2，防止篡改的设置为：

uglify2: {
  mangle: false
}

有了Closure，我相信您会想要：

closure: {
  CompilationLevel: 'WHITESPACE_ONLY',
},