webpack 是前端项目工程化的具体解决方案
主要功能:它提供了友好的前端模块化开发支持,以及代码压缩混淆、处理浏览器端 JavaScript 的兼容性、性能优化等强大的功能。
好处:让程序员把工作的重心放到具体功能的实现上,提高了前端开发效率和项目的可维护性。 注意:目前Vue,React 等前端项目,基本上都是基于webpack 进行工程化开发的。
- 在项目中安装 webpack
npm install webpack@5.42.1 webpack-cli@4.7.2 -D - 配置webpack
3. mode 的可选:
4. 打包出入口:
5. webpack插件及其作用
webpake-dev-server具体情况:
html-webpack-plugin具体情况:
6. devServer节点
7. webpacke中的loader
8. 打包发布
9.Source Map
10.总结