javascript - 如何从 package.json 配置 uglifyjs

Question

目前，在开发 Wordpress 主题时，我使用一个简单的批处理文件来丑化我的 js。 示例批处理文件 makebundle.bat

call uglifyjs^
  src/file1.js^
  src/file2.js^
  -cmo bundle.min.js

然后我使用 watch 像这样构建它

watch makebundle src

一切都很简单。现在，我想让它成为一个不太特定于 Windows 的过程。为了 reasons outlined here 我不想使用 Grunt/Gulp，并且正在考虑尝试 use npm as a build tool . 唯一的麻烦是，我找不到如何配置 uglifyjs 来自 package.json

编辑

这是我想在 package.json 中工作的示例:

{
  "uglifyConfig": [
    {
      "outfile": "bundle.min.js,
      "files": [
        "src/file1.js",
        "src/file2.js"
      ]
      "config": {
        "mangle": true,
        "compress": true
      }
    }
  ]
}

Answer 1

如果您的构建脚本是 Node 脚本，您可以使用 Uglify 的 JavaScript API 而不是命令行 API。您可以轻松地 require() 您的 package.json，从中读取配置，并将这些值传递给 Uglify。

package.json:

{
  ...
  "scripts": {
    "ugly": "node do-uglify.js"
  }
  ...
}

do-uglify.js:

var uglify = require('uglify');
var package = require('./package.json');
var uglifyConfig = package.uglifyConfig;
// Call the UglifyJS Javascript API, passing config from uglifyConfig