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

来源

 

场景

. webpack2.4.*集成vue-loader@15.2.4报错

• 1

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

分析

. 参考官方文档 https://vue-loader.vuejs.org/migrating.html#a-plugin-is-now-required
. Vue-loader在15.*之后的版本都是 vue-loader的使用都是需要伴生 VueLoaderPlugin的,

解决

. 在webpack.prod.conf.js中加入

const VueLoaderPlugin = require('vue-loader/lib/plugin');
module.exports = {
    devtool: "sourcemap",
    entry: './js/entry.js', // 入口文件
    output: {
        filename: 'bundle.js' // 打包出来的wenjian
    },
    plugins: [
        // make sure to include the plugin for the magic
        new VueLoaderPlugin()
    ],
    module : {
    ...
}
}