gulp
JSをミニナイズする
サーチ…
構文
-
ext出力ソースおよび拡張されたファイル拡張子を指定するオブジェクト。 -
sourceファイルを出力するファイル名の接尾文字列が終わります。 -
min時string:拡張されたファイルを出力するファイル名の接尾文字列が終わります。 - 配列の場合:入力ファイル名で置き換えられる正規表現。例:[/.(.*)-source.js$/、 '$ 1.js']
-
excludeディレクトリ内のファイルを縮小しません。 -
noSourcedest dirsにソースコードを出力しません。 -
ignoreFilesパターンに一致するファイルを縮小しません。 -
manglemangling名前を読み飛ばすためにfalseを渡しfalse。 -
output追加のoutput optionsを指定する場合は、オブジェクトを渡しoutput options。デフォルトは最適な圧縮のために最適化されています。 -
compressカスタムcompressor optionsを指定するオブジェクトを渡しcompressor options。圧縮を完全にスキップするにはfalseを渡します。 -
preserveCommentsoptions.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