前端工程化的理解

前端工程化主要是为了提高开发效率降低维护难度，制定规范提高团队协作能力、压缩代码、单元测试。

简单来说可分为四个方面： 

• 模块化：简单来说就是将一个大文件拆成相互依赖的小文件，再进行统一的拼接和加载。

  js的模块化 使用webpack 、Babel将所有的模块打包成一个文件夹同步加载

  css的模块化 使用sass、less、stylus等预处理器是此案css的文件拆分

• 组件化
• 规范化
• 自动化：包括（图标合成，持续集成、自动化构建、自动化部署、自动化测试）

组件和模块化的区别：模块化只是在文件层面上，对代码资源的拆分；而组件化是在设计层面上对用户界面的拆分