最近在使用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 都沒有問題,歐了,問題解決。