基本配置
es6 使用 babel-loader
使用 babel 时，做一个配置 .babelrc
处理样式
是在 webpack.common.js 里面写，使用 style-loader/css-loader，loader 的执行顺序是从后往前的
loader:['style-loader','css-loader','postcss-loader']
处理图片
webpack 是一切皆模块的概念
高级配置
如何配置多入口
抽离压缩 css 文件
抽离公共代码和第三方代码
实现异步加载JS
module chunk bundle 的区别
性能优化
优化打包构建速度 - 开发体验和效率
开发环境配 devServer 即可（自动刷新）
webpack 优化构建速度（可用于生产环境）
优化产出代码 - 产品性能
babel
babel-polyfill
什么是 polyfill?
会根据浏览器的要求做个兼容、补丁
core-js 是一个标准的库，各种（es6/7...） polyfill 的集合
core-js 不支持 generator 函数，引用 regenerator 填补了 core-js 的缺陷
babel 不关注 API，只检查语法，不处理模块化
babel-runtime
babel-polyfill 缺陷
如果开发第三方库，必须使用 babel-runtime
