webpack高级篇——在webpack中使用.vue文件

在学习webpack高级篇之前，请先参考 https://blog.csdn.net/csshuaige/article/details/118853538

老一套，先配置再使用。因为.vue文件要依赖于vue-loader，所以要先安装vue-loader

第一步：

在终端中使用命令：npm install vue-loader vue-template-compiler --save-dev安装vue-loader
无报错信息表示安装成功

第二步：

将package.json中vue-loader 版本号改为14.2.4

！！！然后使用npm install 重新加载依赖包

配置完成

测试：
在src中新建一个vue文件夹，并编写一个Test.vue文件

然后在main.js文件中导入此文件并使用

再使用npm run build命令重新打包

运行index.html
运行结果如下，无问题

如有错误欢迎批评指正，喜欢的朋友也可以点赞加收藏哦，谢谢。