Webpack学习：为什么使用打包工具

为什么使用打包工具：开发时，我们会使用框架（React、Vue），ES6 模块化语法，Less/Sass 等 css 预处理器等语法进行开发。要想在浏览器运行必须经过编译成浏览器能识别的 JS、Css 等语法。

我们写代码都是采用模块化思想，让程序高内聚，低耦合，便于维护。打包工具将所有文件打包成一个静态文件，浏览器运行代码就会很快。

市面上常见的：

1. Grunt

2. Gulp

3. Parcel

4. Webpack

5. Rollup

6. Vite

7. 等

目前市面上最流量的是 Webpack