码迷,mamicode.com
首页 > Web开发 > 详细

玩转webpack 全方位掌握webpack核心技能和优化策略

时间:2019-11-05 00:32:52      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:amp   lin   压缩   解析   plugins   map   搭建   资源   内联   

第一章:wepack与构建发展简史 (9讲)
01 | 课程介绍
02 | 内容综述
03 | 为什么需要构建工具
04 | 前端构建演变之路
05 | 为什么选择webpack
06 | 初识webpack
07 | 环境搭建:安装webpack
08 | webpack初体验:一个最简单的例子
09 | 通过npm script运行webpack

第二章:webpack基础用法 (12讲)
10 | webpack核心概念之entry用法
11 | webpack核心概念之output
12 | webpack核心概念之loaders
13 | webpack核心概念之plugins
14 | webpack核心概念之mode
15 | 解析ES6和React JSX
16 | 解析CSS、Less和Sass
17 | 解析图片和字体
18 | webpack中的文件监听
19 | webpack中的热更新及原理分析
20 | 文件指纹策略:chunkhash、contenthash和hash
21 | HTML 、CSS和JS代码压缩

第三章:webpack进阶用法 (13讲)
22 | 自动清理构建目录产物
23 | PostCSS插件autoprefixer自动补齐CSS3前缀
24 | 移动端CSS px自动转换成rem
25 | 静态资源内联
26 | 多页面应用打包通用方案
27 | 使用sourcemap
28 | 提取页面公共资源
29 | tree shaking的使用和原理分析
30 | Scope Hoisting使用和原理分析
31 | 代码分割和动态import
32 | webpack和ESLint结合
33 | webpack打包组件和基础库
34 | webpack实现SSR打包(上)

 

 

下载地址:全方位掌握webpack核心技能和优化策略

玩转webpack 全方位掌握webpack核心技能和优化策略

标签:amp   lin   压缩   解析   plugins   map   搭建   资源   内联   

原文地址:https://www.cnblogs.com/xyc1990/p/11795690.html

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