第9章 webpack和babel
9-1 webpack考点梳理
9-2 webpack基本配置串讲（上）
- 拆分配置和merge
- 启动本地服务
9-3 webpack基本配置串讲（下）
- 处理ES6
- 处理样式
- 处理图片 -（模块化）
9-4 webpack如何配置多入口（08:24）
- 入口
- 出口
hash 在代码不变的情况，可以命中缓存，加快访问速度
- HtmlWebpackPlugin()
- ClearWebpackPlugin()
9-5 webpack如何抽离压缩css文件（09:29）
MiniCssExtractPlugin()
压缩：TerserJSPlugin
OptimizeCSSAssetsPlugin
9-6 webpack如何抽离公共代码和第三方代码（17:12）
vendor:vend 出售 + or 人 → 小贩
priority:优先事项
9-7 webpack如何实现异步加载JS（07:11）
处理JSX
处理Vue
9-8 module chunk bundle 的区别（04:20）
9-9 webpack优化构建速度-知识点串讲（06:24）
- 优化babel-loader
9-10 用IgnorePlugin忽略无用文件（09:10）
- app多语言配置-IgnorePlugin
- noParse
两者区别
9-11 happyPack是什么（09:49）
happyPack-快乐背包
- 配置：
ParallelUglifyPlugin 并行压缩，一般在生产环境配置
- 配置
思考：
9-12 webpack如何配置热更新（10:48）
- 自动刷新-配置
watch - 热更新
刷新表单数据的丢失...
配置 入口的处理
热更新的允许模块范围
9-13 何时使用DllPlugin（12:51）
dll-动态链接库
- webpack已内置DllPlugin支持
- DllPlugin-打包出dll文件（预打包）
- DllReferencePligin-使用dll文件
打包
使用
9-14 webpack优化构建速度-考点总结和复习（03:40）
9-15 webpack优化产出代码-考点串讲（10:09）
- 小图片base64b编码
- bundle加hash
- 懒加载
- 提取公共代码
- IngorePlugin
- 使用CDN加速
9-16 什么是Tree-Shaking（11:02）
使用 production
- Tree-Shaking-树-摇一摇
9-17 ES Module 和 Commonjs 的区别（04:56）
9-18 什么是Scope Hosting（06:42）
- Scope Hosting-范围托管
- moduleConcatenation-模块串联 多个函数变为一个函数
9-19 babel基本概念串讲（08:53）
9-20 babel-polyfill是什么（06:55）
9-21 babel-polyfill如何按需引入（08:12）
9-22 babel-runtime是什么（08:34）
- 配置：
9-23 webpack考点总结和复习（03:45）
9-24 webpack面试真题-前端代码为何要打包（07:49）
代码层面
研发流程Team
