Skip to main content

前端工程化

你的项目是如何前端工程化的。

参考地址

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