Vue打包注意事項

在使用vue-cli進行項目打包時，發現了一些之前沒注意到的點，所以寫下此文，記錄一下，若是能夠對你們有所幫助，那就更好了。
1.直接使用npm run build 打包時，會出現一些以.map結尾的文件
  .map文件的做用：因爲打包後代碼會進行加密，這時若是運行錯誤，輸出的錯誤信息沒法準確得知是哪裏的代碼報錯，而有了這些.map文件當代碼出現錯誤時，能夠像未加密時同樣，準確的輸出錯誤在那個位置。
  緣由：vue-cli中默認打包後建立.map文件，以提醒開發人員錯誤位置。
  解決方式：
  
  打開項目根目錄下的/config/index.js文件，找到 productionSourceMap: true, 將這個參數改成false便可。
  建議：
  通常狀況下，項目都是通過測試完以後才上線，代碼基本上不會有什麼問題，因此這時報錯提示基本上沒有什麼用，反而會佔必定的體積，所以能夠將它刪除。

2.打包以後出現頁面渲染不出來的狀況
  緣由：打開控制檯後看見報錯信息顯示是路徑找不到，緣由是vue-cli打包默認狀況下使用的是絕對路徑，將其打包後的路徑改成相對路徑便可
  解決方式：
  
  打開項目根目錄下的/config/index.js文件，找到 assetsPublicPath: '/'這個參數，將其修改成 './'便可。
3.在代碼中引入圖片時，使用相對路徑，這樣能夠避免出現打包後圖片出不來的狀況。

---

以上就是我在進行Vue打包時的一些收穫，若是你們以爲有哪些不足之處，能夠指出，我必定將其改正。