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

最新推荐文章于 2023-08-25 15:24:27 发布

李晓怡

最新推荐文章于 2023-08-25 15:24:27 发布

阅读量319

点赞数

分类专栏： webpack

原文链接：https://blog.youkuaiyun.com/cominglately/article/details/80555210

版权

webpack 专栏收录该内容

8 篇文章

订阅专栏

本文解决了一个常见的开发问题，即在Webpack2.4.*环境下集成Vue-loader@15.2.4时遇到的错误。指出从Vue-loader 15.*版本开始，必须在webpack配置中包含VueLoaderPlugin。提供了详细的解决方案，包括如何在webpack.config.js中引入并使用VueLoaderPlugin。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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.config.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 : {
...
}
}