### 1.为什么前端需要工程化 随着前端新技术的发展与更新，项目复杂度的提高，采用新技术开发效率更高， 但使用新技术的问题就是，浏览器无法直接运行，所以需要通过构建工具进行工程化的构建。 ### 2.前端工程化的内容有哪些 代码转换：将TypeScript编译成JavaScript、将SCSS编译成CSS等 文件优化：压缩JavaScript、CSS、HTML代码，压缩合并图片等 代码分割：提取多个页面的公共代码，提取首屏不需要执行部分的代码让其异步加载 模块合并：在采用模块化的项目里会有很多个模块和文件，需要通过构建功能将模块分类合并成一个文件 自动刷新：监听本地源代码的变化，自动重新构建、刷新浏览器 代码校验：在代码被提交到仓库前需要校验代码是否符合规范，以及单元测试是否通过 自动发布：更新代码后，自动构建出线上发布代码并传输给发布系统 ### 3.构建化思想 构建其实是工程化、自动化思想在前端开发中的体现，将一系列流程用代码去实现， 让代码自动化地执行这一系列复杂的流程。构建为前端开发注入了更大的活力，解放了我们的生产力