WebPack工程化

前言 对前端工程师而言，前端工程化早已不是 “可选技能”，而是应对大型项目开发的 “必备能力”—— 它能解决多人协作的效率问题、代码维护的混乱问题，以及项目从开发到上线的落地问题。今天，我们将聚焦 “

我们知道，Webpack 本质是 “模块化打包工具”，但它有个 “天生短板”：默认只认识 JS 和 JSON 文件。可实际开发中，我们要处理的文件远不止这些........

WebPack是什么？ Webpack是基于模块化的打包（构建）工具，它把一切视为模块 它通过一个开发时态的入口模块为起点，分析出所有的依赖关系，然后经过一系列的过程（压缩，合并），最终生成运行时状态

因此，按功能和业务逻辑拆分模块成为必然选择。但当我们将拆分后的项目部署到浏览器中运行时，新的问题会集中爆发： 浏览器需请求的文件数量大幅增加； 不支持 CommonJS 模块化导出语法