vue工程build後css樣式失效問題

2021-10-02 03:35:52 字數 377 閱讀 6053

專案開發完成後,執行

npm run build
進行打包,將打包完成的dist檔案部署在伺服器。配置好網域名稱解析,就可以實現工程上線。上線後,我們有時候會發現,它怎麼和本地除錯時長得不一樣?

長得不一樣是樣式問題,是打包的時候順序先後問題,有一些樣式沒有生效,有一些樣式被覆蓋了。這時候可以考慮以下幾種方法。

1.main.js樣式引入順序問題

有時候我們發現元件內的樣式沒有生效,可能是被第三方元件樣式覆蓋了,main.js中router放在最後引入,就可以實現元件樣式在第三方樣式之後渲染。

vue專案,本地執行和build打包後樣式不同

最近在打包專案上傳到伺服器時,總是會出現奇奇怪怪的樣式,譬如 我本地用el menu做的二級選單分類,在本地可以正常顯示,打包上傳至伺服器出現異常,如下圖 本地正常顯示 打包後異常顯示 解決方案 檢視通過控制台檢視本地渲染後的樣式和伺服器渲染後的樣式,發現之前其他檔案中的el menu的樣式是全域性...

easyui 動態新增資料後 元件樣式渲染失效問題

做專案時常常遇到動態新增元件或資料問題,easyui動態新增元件時樣式會失效,這是因為這個元件沒有經過easyui的解析器解析,解決方法如下 乙個空 動態新增一行資料後,樣式渲染 width 100 border spacing 0 10px table var html n 名稱 n n 型別 n...

獲取CSS計算後的樣式

window.onload function else console.log width var width window.getcomputedstyle div width var width div.currentstyle.width json遍歷 var opation for var ...