Webpack 配置Vue的环境的几个错误

有几个个常见的错误。

第一个是

webpack打包后网页没有正常显示，console中提示错误

You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

很明显我们用的编译器不太对，所以需要修改一下编译器的版本

具体是在webpack.config.js中的module.exports加入一个配置：

resolve:{
        alias:{
          //'vue$': 'vue/dist/vue.esm.js'
        }
      },

第二个是

vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation

这个是因为 vue 和vue-template-complier的版本不一样产生的

只需要在package.json里面保证他们两个是同一个版本，然后用npm安装一些就可以了

另一个错误是

vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.

这个是因为在vue-loader在15版本后必须加入一个plugin才能使用。

所以需要修改webpack.config.js

需要加入的有 第2行，51-54行。