构建 webpack 和 vue 的环境

前端真是日新月异了，前不久的教程就很多不一样了。搭环境搭了几小时，终于搭好了。

首先奉上别人的老版教程，可以先按这个来：

点击查看老版

可以先跟这个来，按照教程开始打包后会报错。现在好好说说其中跟现在不一样的坑。

1. 报错一：现在webpack已不支持自定义属性了，故 webpack.config.js 中的 Favlist 的键值对要删掉。
2. 报错二：config.resolve.extensions[0] 不能为空，故要删去相对应的数组中第一项的空字符串，只留 ‘.js‘ 和 ‘.vue‘ 两项。
3. 报错三：无法找到 ‘vue-template-compiler‘ 模块。可以直接 npm install vue-template-compiler --save-dev 安装。
4. 报错四：不能省略 ‘-loader‘。即现在的loaders选项中，要把 module.loaders 中的每一项中的 loader 加上 ‘-loader‘ 后缀。即 ‘vue‘ => ‘vue-loader‘, ‘babel?presets=es2015‘ => ‘babel-loader?presets=es2015‘。

后面的热加载插件跟着它走就没事啦。就酱。