1、什么是前端工程化
前端工程化指的是:在企业级的前端项目开发中,把前端开发所需的工具、技术、流程、经验等进行规范化、标准化,实现前端的4个要求:
模块化 (JS的模块、css的模块、其他资源的模块化)
组件化(复用现有的UI结构、样式、行为)
规范化(目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理)
自动化(自动化构建、自动部署、自动化测试)
2、webpack基础
- 什么是webpack
webpack是前端项目工程化的具体解决方案,提供了友好的前端模块化开发支持,以及代码压缩混淆、处理浏览器JavaScript的兼容性、性能优化等强大功能。提高了前端开发效率和项目的可维护性。
- webpack 的安装
- webpack 的配置
① 在项目根目录中,创建名为 webpack.config.js 的 webpack 配置文件,并初始化如下的基本配置: