工程化概述

一、工程化的定义与主要解决的问题

定义：
遵循一定的标准与规范，通过工具提高效率降低成本的一种手段。
面临的问题：
1、使用ES6+新特性，有兼容问题
2、使用Less、Sass、PostCSS增强CSS的编程性，运行环境不能直接支持
3、模块化或者组件化方式提高项目的可维护性，运行环境不能直接支持
4、部署上线前需要手动压缩代码及资源文件，部署过程需要手动上传代码到服务器
5、多人协作开发，无法硬性统一代码风格，从仓库pull回来的代码质量无法保证
6、部分功能开发时需要等待后端服务接口提前完成
主要解决的问题：
1、传统语言或语法的弊端
2、无法使用模块化/组件化
3、重复的机械式工作
4、代码风格统一、质量保证
5、以来后端服务接口支持
6、整体以来后端项目

二、工程化表现

一切以提高效率、降低成本、质量保证为目的的手段都属于工程化
重复工作自动化
1、创建项目：创建项目结构、创建特定类型文件
2、编码：格式化代码、校验代码风格、编译/构建/打包
3、预览/测试：（传统Apache、Ngix无热更新）Web Server/Mock、Live Reloading/HMR、Source Map
4、提交：Git Hooks、Lint-staged、持续集成
5、部署：CI/CD、自动发布

三、工程化≠某个工具

工程化的核心是对项目的整体规划或者架构，工具只是一种手段。文件的组织结构、源代码开放范式（语法、规范、标准）、前后端分离方式（基于ajax还是基于中间层），然后考虑搭配哪些工具，做哪些具体的配置选项来实现工程化整体的规划。

四、工程化与Node.js

脚手架工具开发
自动化构建系统
模块化打包
项目代码规范化
自动化部署