webpack配置vue错误解决

# 解决webpack打包vue出现[Vue warn]: 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错误

 出现原因：

vue发布版本时，构建了两类版本：

   ---1.runtime-only ->代码中，不可以有任何template

   ---2.runtime-compiler ->代码中，可以有template，因为有compiler可以用于编译template

   

  解决方案：

   在webpack.config.js中配置如下代码：

//配置vue，切换成runtime-compiler版本
    resolve: {
      // alias:别名
      alias: {
        'vue$': 'vue/dist/vue.esm.js'
      }
    }

 

 

webpack配置vue出现vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config的解决方案

 

安装vue-loader的时候，从14版本以上，还必须配置一个插件，解决方案如下：

1. 将vue-loader配置一个较低的版本，如：13.0.0

 2.在webpack中添加以下两步：

const VueLoaderPlugin = require('vue-loader/lib/plugin');

//在module.exports中加入以下代码
 plugins: [
      // make sure to include the plugin for the magic
      new VueLoaderPlugin()
    ],