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

Posted xyc1990

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了玩转webpack 全方位掌握webpack核心技能和优化策略相关的知识,希望对你有一定的参考价值。

第一章: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核心技能和优化策略的主要内容,如果未能解决你的问题,请参考以下文章

玩转 webpack视频课程学习笔记合集(未完结)

玩转webpack:webpack的基本架构和构建流程

玩转webpack

前端推荐!玩转Webpack共需几步?

前端玩转 webpack,使你的打包速度提升 90%

深入学习webpack