项目工程化个人理解

简述工程化，资源管理化，规范化，统一化，组件化，模块化，增量加载

A，工程化，将前端项目视为一个系统的工程，对其进行分析，组织，构建，达到项目结构清晰，分工明确，团队配合，提高开发效率的目的。从前期的vue和ui框架的选定，到安装相关依赖（npm，yarn等），到版本管理工具选择（Github，Gitlab等），到打包工具和配置相关的确定（webpack，grunt等），待前期工作准备完毕，再进行页面功能的研发，这样一个完整的工程化项目研发的流程。其核心是组件化研发（重要）。

B，资源管理化：静态资源的有效管理，资源加载（按需：用户根据自己需要进行项目的相关操作）。项目中public文件下存放的cdn，img，svg，src文件下的api，config存储资源，管理有效，请求方便。

C，规范化：组织架构分析搭建规范化，ui设计规范化，代码编写规范，提交代码流程步骤规范化等。

D，统一化：代码编写风格统一化，参照原型图设计画出页面统一化，用户体验统一化等。

E，组件化：在组件化中，页面是一个容器，一个页面有多个独立的部分组成（头部，内容，底部等，都可以视为一个单独的组件），把通用性高的部分，功能性的部分，独立出来，完成研发，最终，把用到的部分在一个完整的页面中引入，使用即可。

F，模块化：有组织地把一个大的文件拆成独立并互相依赖的一个一个小模块，

G，增量加载，编写代码，秉着可配置，可复用，可维护的原则进行代码的研发；代码质量高效

完整的一个项目开发：从选型，构建/管理工具，js/css模块化开发（js写服务端业务，构建工具，模块化工具），组件式开发和资源管理，规范化代码到最终交付完成，每一个步骤都是非常重要的。