gulp-uglify（压缩js)

构建环境

在d盘新建demo-node空文件夹（路径自己随意）

cmd进入demo-node文件夹，然后依次输入以下代码：
npm install gulp -g 全局安装gulp
npm init 创建项目描述文件package.json，一路回车
npm install gulp-uglify --save-dev 安装gulp-uglify插件。

手动配置gulpfile.js

在项目根目录下新建一个gulpfile.js文件，内容如下：

var gulp=require('gulp');
var uglify=require('gulp-uglify');//任务名自定义uglify-mangle
gulp.task('uglify-mangle', function () {var options={mangle:{toplevel: true //混淆变量名},compress: true, //类型：Boolean 默认：true 是否完全压缩preserveComments: 'all'//保留所有注释};//多个js 可以采用数组 ['./js/*.js','./js/{test1,test2}.js']return gulp.src('./js/*.js')   //源文件路径，自己设置.pipe(uglify(options)).pipe(gulp.dest('./dist'));
});

切换到cmd窗口，

然后在里面输入：gulp uglify-mangle然后回车

看到这些信息，说明压缩成功，快去dist文件夹查看吧！

gulp-uglify（压缩js)相关推荐

webstorm 设置uglify 压缩js文件
第一步:打开npm,全局安装 npm install uglify-js -g 第二步: 打开webstorm的file->settings ->External Tools,点击左上角的 ...
ionic中使用Cordova Uglify 压缩js与css
参照:https://www.npmjs.com/package/cordova-uglify 安装:npm install cordova-uglify 安装完成之后,打开: hooks/uglif ...
gulp构建项目（七）：gulp-uglify压缩js以及检查js语法错误
需求分析:将js文件压缩成一行,减少js文件的大小.压缩过程中如果遇到js语法错误,将会报错并且压缩会被终止.所以我们需要: 在开发环境下,编写js代码时,要监听并检查js文件的语法,避免语法错误导致 ...
gulp实现打包js/css/img/html文件，并对js/css/img文件加上版本号
参考打包教程: http://www.cnblogs.com/tugenhua0707/p/4069769.html http://www.cnblogs.com/tugenhua0707/p/498 ...
gulp 压缩html文件,gulp压缩js
请务必理解如下章节后阅读此章节: 压缩 js 代码可降低 js 文件大小,提高页面打开速度.在不利用 gulp 时我们需要通过各种工具手动完成压缩工作. 所有的 gulp 代码编写都可以看做是将规律转 ...
gulp 压缩html内的js,gulp实战技巧之gulp-uglify压缩js
摘要: 前面讲了压缩css的几款插件,这篇就介绍下压缩js的一款插件--gulp-uglify.使用gulp-uglify可以压缩我们的js代码,也可以使用其提供的混淆功能对代码进行简单的混淆,注意是 ...
gulp压缩js转义es6的常见错误及解决方案
gulp压缩js转义es6的常见错误及解决方案参考文章: (1)gulp压缩js转义es6的常见错误及解决方案 (2)https://www.cnblogs.com/uimeigui/p/11797 ...
gulp代码压缩和制作雪碧图
安装nodejs gulp是基于nodejs,需要安装nodejs 在 [ nodejs官网 ]下载并安装nodejs 查看nodejs版本安装完nodejs后,在命令行中(window + r 输 ...
gulp-uglify 压缩js
前提:已经安装有安装了node 和npm 环境安装gulp 假设已经安装了node 和npm (淘宝的cnpm很适合国内使用). 1.首页全局安装gulp. 1 npm install --glob ...
uglifyjs压缩js文件
UglifyJS 是一个服务端node.js的压缩程序,用来压缩js文件 (需要用到 node+npm node集成了npm) 下载安装uglify.js npm install uglify-js ...

gulp-uglify（压缩js)

构建环境

手动配置gulpfile.js

gulp-uglify（压缩js)相关推荐

最新文章

热门文章