vue-loader-plugin

最新推荐文章于 2025-06-29 11:10:51 发布

lxhzz0411

最新推荐文章于 2025-06-29 11:10:51 发布

阅读量3.6k

点赞数 2

分类专栏：前端文章标签： vue-loader 版本15.*以上

前端专栏收录该内容

9 篇文章

订阅专栏

本文详细解析了在Webpack 2.4.*环境下，集成vue-loader@15.2.4时遇到的常见错误——未正确配置VueLoaderPlugin。通过官方文档指导，明确了Vue-loader在15.*版本后必须搭配VueLoaderPlugin使用的要求，并提供了具体解决方案，包括如何在webpack.config.js中正确引入和配置VueLoaderPlugin。

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

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

个人分类： webpack

场景

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