码迷,mamicode.com
首页 > 其他好文 > 详细

gulp常用插件之gulp-uglify使用

时间:2020-01-13 01:04:03      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:事件   strong   ons   org   构造函数   block   ref   code   js错误   

更多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
  );
});

gulp常用插件之gulp-uglify使用

标签:事件   strong   ons   org   构造函数   block   ref   code   js错误   

原文地址:https://www.cnblogs.com/jiaoshou/p/12185273.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!