專案開發完成後,執行
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 ...