mpvue使用vant Weapp運行npm run build命令打包後失效

  最近在使用mpvue開發微信小程序,在開發過程當中使用有讚的小程序ui框架—— vant Weapp ,至於如何使用在我我的博客中有一篇關於如何使用vant Weapp ,須要的同窗請點進這裏自行查看。html

  使用過mpvue框架開發太小程序的同窗都應該知道,經過mpvue開發的小程序須要經過npm run dev命令才能在微信開發工具中調試小程序,按照我那篇使用vant Weapp的博客說明,使用npm run dev命令,vant Weapp框架都沒有什麼問題,也就是說開發環境下沒有任何問題,今天小程序開發進入收尾測試階段,須要將小程序打包發佈,而後測試,可是發現通過npm run build命令以後,再使用微信開發者工具打開時vant Weapp UI框架失效,相關的樣式都沒有,最後無可奈何就把打包以後的app.json文件中應用vant Weapp的路徑修改以後就能夠,修改路徑以下圖:vue

  

  可是在不是最終的解決辦法,總不能和每次打包後去修改dist文件下面app.json文件中歐冠的路徑吧,最後認認真真的研讀了一下微信小程序app.json配置文件中的相對路徑,原來app.json全部配置路徑都是相對於src而言的,最後就將src文件下面的app.json文件的配置路徑改爲如上圖,運行npm run build 和 npm run dev 都沒有問題,歐了,問題解決。npm

相關文章
相關標籤/搜索