uglify打包代码如图： 压缩后，虽然很多变量名已经变了，但是代码的结构顺序，还是有一定可读性的，来看看加密打乱后的代码： 现在的代码，已经完全改变了原来的结构，可读性也大大降低了。 ...
分类：
其他好文 时间：
2018-12-27 11:17:10
阅读次数：
110
在本文开始之前，先留一个问题？ 如果在新版本我想加一个 drop_console 的配置呢？ 在老版本的脚手架生成的配置中，对于线上环境的文件：webpack.prod.conf.js 使用了插件：uglifyjs webpack plugin 插件配置如下： 我们看一下新版本的是如何处理的呢？ 在 ...
分类：
其他好文 时间：
2018-12-18 19:51:05
阅读次数：
296
一：基本概念 1、字面意思是摇树，一句话：项目中没有使用的代码会在打包时候丢掉。分为css的tree shaking和js的tree shaking。 2、使用场景：1）常规优化。2）使用第三方库，但是只使用了部分功能。 二：JS tree shaking 在webpack4中已经移除了Uglify ...
分类：
Web程序 时间：
2018-09-13 22:36:56
阅读次数：
231
安装 npm install -g gulp //安装全局gulpjs npm install --save-dev gulp //安装作为项目所需要的依赖项 npm install --save-dev gulp-uglify //安装用来压缩JS文件的插件 npm install --save- ...
分类：
Web程序 时间：
2018-08-19 14:03:48
阅读次数：
176
1、gulp-uglify var gulp = require('gulp'); var uglify = require('gulp-uglify'); var pump = require('pump'); 第一种方法 gulp.task('compress', function (cb) { ...
分类：
Web程序 时间：
2018-07-18 17:09:40
阅读次数：
157
var gulp = require('gulp'); var del = require('del'); var rev = require('gulp-rev'); var nano = require('gulp-cssnano'); var uglify = require('gulp-ug ...
分类：
其他好文 时间：
2018-07-13 17:47:14
阅读次数：
159
缘起 由于维护 roadhog 和 umi，收到构建方面的问题反馈比较多，其中一个常见的是打包时 uglify 压缩的问题。类似下面的报错都是这个引起的， 为啥会有这个问题？ 通常 webpack 在构建时，是不会让 node_modules 下的文件走 babel tranpile 的，一是会慢很 ...
分类：
其他好文 时间：
2018-07-10 11:31:38
阅读次数：
771
一.gulp的作用? 1.gulp sass : 编译sass 2.gulp rename : 重命名 3.gulp cssnano : 压缩css 4.gulp concat : 合并文件 5.gulp uglify : 压缩js 6.gulp babel : 将ES6转为ES5 二.如何使用gu ...
分类：
其他好文 时间：
2018-07-06 22:36:36
阅读次数：
207
匹配符 *、**、！、{} 文件操作 del (替代gulp-clean) gulp-rename 描述：重命名文件 gulp-concat 描述：合并文件。 gulp-filter 描述：在虚拟文件流中过滤文件。 压缩 gulp-uglify 描述：压缩js文件大小。 gulp-csso 描述：压 ...
分类：
其他好文 时间：
2018-06-28 10:16:26
阅读次数：
175
var gulp = require('gulp');var uglify = require('gulp-uglify'); // 获取 uglify 模块（用于压缩 js）var minifyCSS = require('gulp-minify-css'); // 获取 minify-css 模 ...
分类：
其他好文 时间：
2018-06-11 23:39:01
阅读次数：
207
