1.工程化的定义和主要解决的问题
通过工程化提升 战斗力
面临的问题:
1.使用ES6,但兼任有问题
2.使用css编程化工具 运行环境不支持
3.模块化的方式 运行环境不支持
部署上线,手动压缩代码和资源文件
过程,手动上传代码到服务器 (热补嘿嘿)
多人协作,代码风格不统一
1.传统语言或语法的弊端
2.无法使用模块化、组件化
3.重复的机械式工作
4.代码风格统一、质量难保证
5.依赖后端服务接口支持
6.整体依赖后端项目
需要工程化
2.工程化表现
提高效率 降低成本 保证质量 都可以称为工程化
CI/CD 自动化
创建项目 编码 预览/测试 提交 部署
| |
-----------------------
3.工程化 不等于 某个工具 是一种方案
webpack
文件的组织结构 源代码的开发范式 基于什么模式实现前后分离
根据这些选择哪些工具
成熟的工程化集成--集成化方案 vue-cli angular-cli create-react-app gatsby-cli 等
4.工程化与Node.js
node给前端工业化革命
五个维度落实前端工程化
脚手架工具开发
自动化构建系统
模块化打包
项目代码规范化
自动化部署