gulp常用插件之gulp-uglify使用

更多gulp常用插件使用請訪問：gulp常用插件匯總

---

gulp-uglify這是一款使用UglifyJS縮小js文件。

更多使用文檔請點擊訪問gulp-uglify工具官網。

安裝

一鍵安裝不多解釋

npm install --save-dev gulp-uglify

使用

var gulp = require('gulp');
var uglify = require('gulp-uglify');
var pipeline = require('readable-stream').pipeline;

gulp.task('compress', function () {
  return pipeline(
        gulp.src('lib/*.js'),
        uglify(),
        gulp.dest('dist')
  );
});

為了幫助正確處理Node流的錯誤情況，該項目建議使用 pipelinefrom中的readable-stream。

Options
支持UglifyJS API中的大多數minify選項。有一些例外：
sourceMap不得設置該選項，因為它將根據您的Gulp配置自動進行配置。請參閱Gulp源地圖的文檔

Errors
gulp-uglify如果無法縮小特定文件，則發出“錯誤”事件。該插件導出GulpUglifyError構造函數以進行instanceof檢查。它包含以下屬性：

• fileName：要縮小的文件的完整文件路徑。
• cause：原始的UglifyJS錯誤（如果有）。
  大多數UglifyJS錯誤消息具有以下屬性：
• message（或msg）
• filename
• line

使用不同的UglifyJS
默認情況下，gulp-uglify使用安裝的UglifyJS版本作為依賴項。可以使用“ composer”入口點配置使用其他版本。

var uglifyjs = require('uglify-js'); // 可以是git checkout 
                                     // 或其他模塊（例如ES6支持的`uglify-es`）
var composer = require('gulp-uglify/composer');
var pump = require('pump');

var minify = composer(uglifyjs, console);

gulp.task('compress', function (cb) {
  // 與上述相同的選項
  var options = {};

  pump([
      gulp.src('lib/*.js'),
      minify(options),
      gulp.dest('dist')
    ],
    cb
  );
});