vue打包配置
1.資源相對引用路徑
2.背景圖片的引用問題
3.index.html頁面沒有顯示內容
4.頁面空白
5.樣式混亂

vue打包配置

1.資源相對引用路徑

• build/webpack.prod.conf.js

找到output：增加 publicPath: './', 

2.背景圖片的引用問題

• build/utils.js

找到if (options.extract) {
添加一行  publicPath:'../../'

3.index.html頁面沒有顯示內容

• config/index.js

更改config/index.js 中的參數:assetsPublicPath:'./',

4.頁面空白

• router/index.js

將mode: 'history', /*使用HTML格式*/
注釋掉(history需要另外配置才可以使用)

5.樣式混亂

通用的css文件在main.js中統一引用,且放到最前面(不要在多個文件中引用,局部的在局部頁面中引用即可)

來自為知筆記(Wiz)

轉載于:https://www.cnblogs.com/ziyue7575/p/393c6a20af6528f3602e2868984923ad.html

總結

以上是生活随笔為你收集整理的vue打包配置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。