前端工程化
你的项目是如何前端工程化的。
- 组件化
- 简单来说,对 UI 界面的拆分
- 模块化
- 简单来说,模块化就是将一个大文件拆分成相互依赖的小文件,再进行统一的拼装和加载。这样才有多人协作的可能。更方便使用别人的代码。
- js 模块化
- ES6 module
- 参考地址
- css 模块化
- sass、less
- react 使用 emotion 模块化css
- vue 有一个 scoped style 模块化。
- 资源模块化
- 项目结构清晰化,src模式
- 图片字体文件统一
- 规范化
- 工作作用使用 esLint 还有 styleLint 还有就是 Git hook
- 模块化和组件化确定了开发模型,而这些东西的实现就需要规范去落实。
- 目录结构的制定
- 编码规范
- 前后端接口规范
- 文档规范
- 组件管理
- Git 分支管理
- Commit 描述规范
- 定期 codeview
- 自动化
- 自动化构建
- 自动化部署
- 自动化测试
- 总结来说就是为了高性能、稳定性、可用性、可维护性。提高效率节省成本。