配置vue文件的加载器

1 安装vue组件的加载器

npm install vue-loader vue-template-compiler -D

2 配置规则

# 更改webpack.config.js的module中的rules数组
const VueLoaderPlugin = require("vue-loader/lib/plugin");
const vuePlugin = new VueLoaderPlugin();
module.exports = {
    ......
    plugins:[ htmlPlugin, vuePlugin  ],
    module : {
        rules:[
            ...//其他规则
            { 
                test:/\.vue$/,
                loader:"vue-loader",
                
            }
        ]
    }
}