gulp.task('script', function() { // 1. 找到 gulp.src('js/*.js') // 2. 压缩 .pipe(uglify()) // 3. 另存 .pipe(gulp.dest('dist/js')); }); 代码执行结果 代码执行后文件结构 └── js/ │ └── a.js （CommonJS）中获取模块的语法。 在 gulp 中你只需要理解 require() 可以获取模块。 三、获取 三、获取 gulp-uglify gulp-uglify 组件 组件 // 获取 uglify 模块（用于压缩 JS） var uglify = require('gulp-uglify') 四、创建压缩任务 四、创建压缩任务 gulp 入门指南 - 5 - 本文档使用 看云 构建 // 压缩 task('script', function() { // 1\. 找到文件 gulp.src('js/*.js') // 2\. 压缩文件 .pipe(uglify()) // 3\. 另存压缩后的文件 .pipe(gulp.dest('dist/js')) }) gulp.task(name, fn) - 定义任务，第一个参数是任务名，第二个参数是任务内容。

Concatenating files 21 Examples 21 Concat all css files into one using gulp-concat 21 Concat and Uglify JS and CSS files 21 Chapter 5: Create a watcher 23 Examples 23 Watcher task 23 Chapter 6: Create file in sub folder using gulp var gulp = require('gulp'); // include plug-ins var uglify = require('gulp-uglify'), concat = require('gulp-concat'); // Minified file gulp.task('packjsMin', function() { return gulp.src('node_modules/angular/*.js') .pipe(concat('script.js')) .pipe(uglify()) .pipe(gulp.dest('Scripts')); }); //Not minified file gulp.task('packjs', function

解析资源 原理：每次 webpack 解析一个模块，thread- loader 会将它及它的依赖分配给 worker 线程中 多进程/多实例：并行压缩 方法一：使用 parallel-uglify-plugin 插件 多进程/多实例：并行压缩 方法二：uglifyjs-webpack-plugin 开启 parallel 参数 多进程/多实例：并行压缩 方法三：terser-webpack-plugin 概念：1 个模块可能有多个方法，只要其中的某个方法使用到了，则整个文件都会被打到 bundle 里面去，tree shaking 就是只把用到的方法打入 bundle ，没用到的方法会在 uglify 阶段被擦除掉。 使用：webpack 默认支持，在 .babelrc 里设置 modules: false 即可 要求：必须是 ES6 的语法，CJS 的方式不支持 · production

个模块可能有多个⽅方法，只要其中的某个⽅方法使⽤用到了了，则整个⽂文件都会被打到 bundle ⾥里里⾯面去，tree shaking 就是只把⽤用到的⽅方法打⼊入 bundle ，没⽤用到的⽅方法会在 uglify 阶段被擦除掉。 使⽤用：webpack 默认⽀支持，在 .babelrc ⾥里里设置 modules: false 即可 要求：必须是 ES6 的语法，CJS 的⽅方式不不⽀支持 · production 利利⽤用 ES6 模块的特点: ·只能作为模块顶层的语句句出现 · import 的模块名只能是字符串串常量量 · import binding 是 immutable的 代码擦除： uglify 阶段删除⽆无⽤用代码 现象：构建后的代码存在⼤大量量闭包代码 编译后（bundle.js） 编译前 (source code) 会导致什什么问题？ 运⾏行行代码时创建的函数作⽤用域变多，内存开销变⼤大