vue3 webpacke配置 vue-loader

1,890 阅读1分钟

vue3使用webpack初始化项目发现vue-loader配置报错...

原因: vue-loader版本/目录/导出方式变了

vue2

package.json: "vue-loader": "^15.9.8", "vue-template-compiler": "^2.6.14",

vue2的vue-loader目录, 默认导出 image.png

vue3

package.json: "vue-loader": "^17.0.0", "@vue/compiler-sfc": "^3.2.27",

vue3的vue-loader目录, 不是默认导出 image.png

*正确加载vue文件: webpack编译.vue文件依赖@vue/compiler-sfc(vue3), 加载依赖vue-loader, vue-loader依赖内部插件VueLoaderPlugin