引导者本文目录一览：
webpack之rules规则
module.rules 的value是数组，允许你在 webpack 配置中指定多个 loader。loader 从右到左 （或 从下到上 ）地取值(evaluate)/执行(execute)。
应保证 loader 的先后顺序： style-loader 在前，而 css-loader 在后。如果不遵守此约定，webpack 可能会抛出错误。webpack 根据正则表达式，来确定应该查找哪些文件，并将其提供给指定的 loader。
默认情况下 Webpack 会从入口文件 ./node_modules/react/react.js 开始递归的解析和处理依赖的几十个文件，这会时一个耗时的操作。
这个带来速度上的提升，因为浏览器会迅速将公共的代码从缓存中取出来，而不是每次访问一个新页面时，再去加载一个更大的文件。
根据规则，cdn资源路径规则如下 其他cdn服务商也一样。其实使用cdn就是在webpack热启动打包的时候动态插入脚本和样式链接。
webpack配置
webpack配置已经完成，相关参数已经添加到html-webpack-plugin中，可以直接在页面上使用。语法是ejs，类似于ASP.NET、jsp和php。及格 webpack配置已经修改，项目需要重启才能生效。打包项目 可见包装体积大大减少。
webpack 开箱即用，可以无需使用任何配置文件。webpack 会假定项目的入口起点为 src/index.js ，然后会在 dist/main.js 输出结果，并且在生产环境开启压缩和优化。
vue2】webpack配置文件中的配置选项有devServer、CSS。
module.rules 的value是数组，允许你在 webpack 配置中指定多个 loader。loader 从右到左 （或 从下到上 ）地取值(evaluate)/执行(execute)。
webpack配置autoprefixer
1、webpack.config.js 事实上，在配置postcss-loader时，我们配置插件并不需要使用autoprefixe，我们可以使用另外一个插件： postcss-preset-env 。
2、- package.json //npm 配置 - webpack.cofig.js // webpack配置 第二步：安装项目依赖 如果你上面没有创建package.json文件的话，可以直接使用npm init来初始化我们的package.json文件的配置。
3、output出来的bundle.js直接拿来用就可以了。你这是把编译完的代码直接复制出来用吗？没有模块系统啊。webpack最后打包出来的的模块都是黑魔法模拟的，一个bundle里分出来的模块。
