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