前端工程化详解

开发前

1.使用脚手架工具

根据选择的技术栈使用官方推荐的脚手架工具或者是自研脚手架工具。脚手架的作用：构建基本目录结构、本地调试、代码部署、热加载、单元测试。
例如：vue推荐的vue-lic、 vite 。

vue-cli是基于nodejs + webpack封装的命令行工具。你可以理解为汇集了各种命令的 bash，或者bat。
原生的webpack配置项较多，vue-cli减轻了开发者心智负担，按照vue开发者的习惯整理并且构建了一套配置和规范。

Vite 是一个现代的前端构建工具，它在开发环境中利用浏览器原生的 ES 模块加载机制实现快速启动和热更新，而在生产环境打包时，默认 基于 Rollup进行构建。Rollup 是一个JavaScript 模块打包器，尤其擅长处理 ES 模块并产出优化过的静态资源。

2.使用编译工具

编译工具目前主要用的是两个，webpack 和rollup。

开发中

1.代码规范

常用的代码规范：

1. 百度代码规范
2. standard规范

2.公共方法抽离

3.公共组件抽离

4.公共样式抽离

5.icon 图片 国际化文案 常量等静态数据规划管理

6.