Vue.js 2 工程化实践

组件化开发的问题 Vue.js单文件组件 .vue文件的转换 前端JS模块打包

webpack简介 模块依赖关系 webpack配置文件 模块路径解析策略 装载器：概念与应用 为模块启用装载器 声明模块处理规则 处理ES2015代码 配置babel-loader 插件：概念与应用 使用源代码映射 源代码映射 —— 选项的差异 使用开发服务器 模块热切换：原理与应用

.vue文件处理流水线 模板预处理 脚本预处理 样式预处理 样式编译与局部样式类 PostCSS原理及插件应用 CSS装载器与模块化 .vue文件中使用CSS模块

代码分割 提取公共代码 动态代码分割 Vue组件的延迟加载 在VueRouter中使用延迟加载

代码检查工具 —— ESLint ESLint —— 配置文件 规则声明语法 继承已有的配置 —— extends 使用扩展规则集 —— plugins

单元测试框架 —— Mocha 单元测试框架 —— Jasmine 测试运行器 —— Karma Karma —— 使用webpack预处理器 模拟并注入依赖模块 —— inject-loader 模拟后端服务API —— Mock.js Mock.js —— 使用数据模板

vue-cli简介 simple模板 webpack-simple模板 webpack模板 pwa模板