8

現在、Wordpress のテーマを開発するときは、単純なバッチ ファイルを使用して js を醜くしています。バッチファイルの例makebundle.bat

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

次に、watchこのように構築するために使用します

watch makebundle src

すべて非常に簡単です。ここで、これを Windows 固有のプロセスでなくしたいと思います。ここで概説した 理由により 、Grunt / Gulp を使用したくなく 、ビルド ツールとして npm を使用しようと考えていました。唯一の問題は、内部から uglifyjs を構成する方法が見つからないことですpackage.json

編集

これが私が働きたいものの例ですpackage.json：

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

2 に答える 2

6

ビルド スクリプトがノード スクリプトの場合、コマンドライン API の代わりに Uglify の JavaScript API を使用できます。簡単require()に package.json を作成し、そこから構成を読み取り、それらの値を Uglify に渡すことができます。

パッケージ.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
于 2015-07-21T18:37:38.520 に答える
1

の「スクリプト」セクションに必要なスクリプトを配置できますpackage.json。 

{
  "name": "my-package",
  "version": "1.0.0",
  "main": "main.js",
  "scripts": {
    "ugly": "uglify",
    "prepublish" : "uglify"
  },
...

任意の名前を付けて実行するか、次のような定義済みのフックnpm run uglyのいずれかを使用できます。prepublish

于 2015-07-21T17:50:38.637 に答える