webpack的基本使用

1. webpack基本概念

---

学习webpack的目的

1. 减少文件数量

2. 缩减代码体积

3. 提高浏览器打开的速度

webpack本质是什么以及它的好处

本质

一个第三方模块包, 用于分析, 并打包代码

好处

支持所有类型文件的打包

支持less/sass => css

  支持ES6/7/8 => ES5 降级 兼容性更好

  压缩代码, 提高加载速度

 2.webpack的使用

---

1.webpack的基本使用

2. webpack基础使用

 

 

 

3.webpack再次打包

 

 

 

 

4.webpack-入口和出口

 

 

 

 

 

5.yarn build执行流程图

 

6.案例-隔行变色

 

 

 

 

7.html-webpack-plugin插件

 

8.webpack打包css文件

 

 

 

10.webpack处理less文件

 

 

 

 

11.webpack处理图片文件

 

 

 

 

12.webpack处理字体图标

 

 

 

13.webpack对JS语法降级

webpack开发服务器

---