vue神坑

使用vue-cli的webpack-simple模闆項目遇到的神坑

過程是這樣的首先我使用webpack熱加載我的測試項目然後完美運作

npm run dev
           

image

然後我打包項目

npm run build
           

這時候神奇的事情發生了頁面一片空白

空白

看到這裡首先想到的是build.js路徑加載錯了，然後去找index.html,發現路徑果然有問題

index.html

加上點之後果然可以了，項目依然完美運作

但是當我加了一張圖檔後。。。。。又出問題了，找不到圖檔

後來找了半天發現需要同時在webpzck.config.js的配置資訊做修改

加上點之後項目完美運作。。。（但是事情并沒有那麼簡單。。。）,當我熱附加元件目的時候又出問題了。。。，那就是熱加載的項目是我之前build的項目，不管我怎麼改代碼總是顯示之前的效果，這尼瑪就gay了，後來又花了好長時間發現想要熱加載需要把之前的兩處點去掉。。。。，不得不說真gay。

最後衷心希望各路大神能夠給小弟一個完美的解決方案，小弟将感激不盡。