zoukankan      html  css  js  c++  java
  • webpack vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin

    当我们出现以下报错!

    解决方案:

    // webpack配置文件 
    
    const path = require('path');
    
    const htmlWebpackPlugin = require('html-webpack-plugin');
    
    const VueLoaderPlugin = require('vue-loader/lib/plugin'); //引入这行
    
    
    module.exports = {
        mode:'none',
        entry:'./src/main.js',
        output:{
            path:path.join(__dirname,'./dist'),
            filename:'bundle.js'
        },
        plugins:[
            new htmlWebpackPlugin({
                template:path.join(__dirname,'./src/index.html'),
                filename:'index.html'
            }),
             new VueLoaderPlugin() //new一个实例
        ],
        module:{
            rules:[
                {test:/.css$/,use:['style-loader','css-loader']},
                {test:/.less$/,use:['style-loader','css-loader','less-loader']},
                {test:/.(jpg|png|bmp|gif|jpeg)$/,use:'url-loader'},
                {test:/.js$/,use:'babel-loader',exclude:/node_modules/},
                {test:/.vue$/,use:'vue-loader'}
            ]
        },
        resolve:{
            alias:{
                'vue$':'vue/dist/vue.js'
            }
        }
    }
    一份帮助文档,无论多么仔细,都不会帮助主人多敲一行代码!
  • 相关阅读:
    X-Plosives (并查集)
    HDU1272小希的迷宫 (并查集)
    React 初学
    js 插件 issue
    js常用方法
    常用网址
    js 零零散散的总结。
    git 常用命令
    es6 babel编译
    屏幕适配
  • 原文地址:https://www.cnblogs.com/yaogengzhu/p/10050823.html
Copyright © 2011-2022 走看看