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开发服务器