gulp
JSをミニナイズする
サーチ…
構文
-
ext
出力ソースおよび拡張されたファイル拡張子を指定するオブジェクト。 -
source
ファイルを出力するファイル名の接尾文字列が終わります。 -
min
時string:拡張されたファイルを出力するファイル名の接尾文字列が終わります。 - 配列の場合:入力ファイル名で置き換えられる正規表現。例:[/.(.*)-source.js$/、 '$ 1.js']
-
exclude
ディレクトリ内のファイルを縮小しません。 -
noSource
dest dirsにソースコードを出力しません。 -
ignoreFiles
パターンに一致するファイルを縮小しません。 -
mangle
mangling名前を読み飛ばすためにfalse
を渡しfalse
。 -
output
追加のoutput options
を指定する場合は、オブジェクトを渡しoutput options
。デフォルトは最適な圧縮のために最適化されています。 -
compress
カスタムcompressor options
を指定するオブジェクトを渡しcompressor options
。圧縮を完全にスキップするにはfalseを渡します。 -
preserveComments
options.output.commentsの便利なオプションです。デフォルトでは、コメントは保持されません。 -
all
すべてのコメントをコードブロックに保存する -
some
は、バング(!)
で始まるコメントを保持するか、Closure Compiler指令(@preserve, @license, @cc_on)
-
function
独自のコメント保存function
指定します。現在のノードと現在のコメントが渡され、true
またはfalse
返されます。
備考
gulp-minifyを使用してJSを縮小する
まず、インストールgulp
とgulp-minify
、ローカルディレクトリを投影します
npm install --save-dev gulp gulp-minify
次に、以下のmin-js
タスクをgulpfile.js
追加します
var gulp = require('gulp');
var minify = require('gulp-minify');
gulp.task('min-js', function() {
return gulp.src('lib/*.js')
.pipe(minify({
ext: {
min: '.min.js'
},
ignoreFiles: ['-min.js']
}))
.pipe(gulp.dest('lib'))
});
gulp.task('watch', function(){
gulp.watch('lib/*.js', ['min-js']);
// Other watchers
});
gulp.task('default', ['min-js', 'watch']);
この作業では、 lib
ディレクトリ内のすべてのjsファイルを検索し、minfyしてlib
ディレクトリに.min.js
という接尾辞を付けて保存します。たとえば、 lib/app.js
ファイルを作成すると、 lib/app.min.js
ファイルが作成されます。
このタスクは、 'default'
gulpタスクの依存関係として実行するだけでなく、次のコマンドを入力して手動で実行することもできます。
gulp min-js
Modified text is an extract of the original Stack Overflow Documentation
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow