前端工程化解决了什么问题
- 传统语言或者语法带来的弊端
- 无法直接使用模块化和组件化
- 重复机械的工作
- 代码风格难以保证统一 质量难以保证
- 强依赖后端服务接口支持
- 整体依赖后端项目 (打包部署等)
前端工程化的应用
-
项目创建
一些脚手架可以快速创建项目
-
编码
自动格式化 代码风格校验 bable等编译工具
-
预览/测试
传统的预览可能需要个ng这种wab服务器 没有办法提供热更新
有mock webserver
hmr 热更新和 source Map定位调试代码
-
提交
git hooks 可以有效防止藏代码
-
部署
可以在代码提交过后自动化的 部署
工程化不等于某个工具
现阶段有很多非常强大的工具导致很多人误以为 工程化 = webpack 或某个工具 工程化应该属于架构层面的 比如 编码范式接口是ajax还是中间层 等等之后再确定工程化方案 比如vue-cli 它能帮我们快速的创建项目 但更多的是 它规定了vue项目整体结构除了这些 还提供了一些工具 比如热更新服务 单文件编译等等 所以vue-cli应该属于官方提供的工程化集成方案
全部内容
- 脚手架工具开发
- 自动化构建系统
- 模块化打包
- 项目代码规范
- 自动化部署
