目前为止，我们已经使用webpack构建了一个完整的开发环境。但是在产品阶段，可能还需要对打包的文件进行额外的处理，比如说优化，压缩，缓存以及分离CSS和JS。

Webpack有很多内置插件，同时也有很多第三方插件，可以让我们完成很多丰富的功能。

webpack可以将不同的文件都按照模块的方式进行处理，比如js，css等都可以通过不同的loader进行打包处理。

loaders中文翻译是装载机，从字面意思看它是用来安装某些东西的，它可以调用框架以外的脚本和工具来处理各种格式的文件，比如将Scss、Less分析转换成为CSS，将ES6、ES7转换为浏览器兼容的ES5，以及react中的JSX文件转换为JS文件。

如果想让你的浏览器监听你的代码的修改，并自动刷新显示修改后的结果，那你就需要单独安装它作为项目依赖。

Source Map字面意思就是原始地图，当开发环境中的源代码经过压缩，去空格，babel编译转化后，最终可以得到适用于生产环境的项目代码，这样处理后的项目代码和源代码之间差异性很大，当打包出现问题需要我们debug的时候，我们往往都感到很头疼，因为打包后的文件都是压缩到一起的，我们很难找到问题所在，这样严重影响调试效率。为了我们开发过程中debug更方便快捷，我们就要用到Source Maps来定位到开发中的源代码。

什么是webpack 模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。

1、分页列表数据对setData的优化 2、setData的其他使用优化

css 超过两行之后显示省略号

1.变量声明const和let 2.字符串 3.函数 4.拓展的对象功能 5.更方便的数据访问--解构 6.Spread Operator 展开运算符 7.import 和 export 8. Promise 9. Generators