vue2

前端工程化：

　　前端工程化是指：在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。

　　四个化：

　　　　模块化：js的模块化，css的模块化，资源的模块化

　　　　组件化：复用现有的UI结构、样式、行为

　　　　规范化：目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理

　　　　自动化：自动化构建、自动部署、自动化测试

　　前端工程化的解决方案（目前主流）：

　　1，webpack   2，parcel 

webpack：

　　主要功能：

　　　　1，提供友好的模块化开发支持

　　　　2，代码压缩混淆

　　　　3，处理浏览器端javascript的兼容性、性能优化等

　　webpack插件安装：

　　　　1，webpack-dev-server：自动刷新页面

　　　　2，html-webpack-plugin：1、自动将生产的index.html放到更目录中（内存中）  2、在生成的index.html中注入打包的bundle.js文件