一、调试开发环境可用 先让项目能跑起来 1. 升级webapck4 npm install -D webapck@4.46.0 npm install -D webpack-cli webpack-d

对于我们引入的一些第三方包，比如jQuery，在这些包内部是肯定不会依赖别的包，所以根本不需要webpack去解析它内部的依赖关系，可以在webpack配置文件中的module属性下加上noParse属性，它的值是一个正则表达式，用来匹配无需解析的模块，这样可以节约webpac…

webpack的构建流程1. **初始化参数**：从配置文件或者shell语句中读取合并参数2. **开始编译**：用参数初始化`Compiler`对象，加载所有配置的插件，执行run方法。

说到构建工具，小编最开始接触的是 Webpack4。后来看到 Vite 大火，又和很多人一样，去研究了一下 Vite。在研究 Vite 的过程中，发现 Vite 内部使用了 Rollup 和 Esbu

相信不少小伙伴都有听说过这样一个名词 - Webpack 配置工程师。😂，都需要设置专门的岗位去维护了，可见 Webpack 的配置是有多么复杂。 现实也确实如此。发展到现在 5.x 版本， Webp