mpvue使用vant Weapp运行npm run build命令打包后失效

　　最近在使用mpvue开发微信小程序，在开发过程中使用有赞的小程序ui框架—— vant Weapp ，至于如何使用在我个人博客中有一篇关于如何使用vant Weapp ，需要的同学请点进这里自行查看。

　　使用过mpvue框架开发过小程序的同学都应该知道，通过mpvue开发的小程序需要通过npm run dev命令才能在微信开发工具中调试小程序，按照我那篇使用vant Weapp的博客说明，使用npm run dev命令，vant Weapp框架都没有什么问题，也就是说开发环境下没有任何问题，今天小程序开发进入收尾测试阶段，需要将小程序打包发布，然后测试，但是发现经过npm run build命令之后，再使用微信开发者工具打开时vant Weapp UI框架失效，相关的样式都没有，最后迫不得已就把打包之后的app.json文件中应用vant Weapp的路径修改之后就可以，修改路径如下图：

　　

　　但是在不是最终的解决办法，总不能和每次打包后去修改dist文件下面app.json文件中欧冠的路径吧，最后认认真真的研读了一下微信小程序app.json配置文件中的相对路径，原来app.json所有配置路径都是相对于src而言的，最后就将src文件下面的app.json文件的配置路径改成如上图，运行npm run build 和 npm run dev 都没有问题，欧了，问题解决。

转载于:https://www.cnblogs.com/hexiaobao/p/10251795.html