webpack 打包后樣式出錯(cuò)

對(duì)比開發(fā)環(huán)境和測試環(huán)境,發(fā)現(xiàn)打包后樣式出現(xiàn)問題。
仔細(xì)對(duì)比發(fā)現(xiàn)打包后的樣式z-index發(fā)生了變化。
后面定位到了
optimize-css-assets-webpack-plugin
這個(gè)插件cssnano會(huì)自動(dòng)重新計(jì)算z-index值,不夠準(zhǔn)確,會(huì)導(dǎo)致樣式出錯(cuò)
而cssnano重新計(jì)算z-index被定義為一個(gè)不安全的屬性。。。
插件設(shè)置為

      new OptimizeCSSAssetsPlugin({
        cssProcessorOptions: {
        // 避免 cssnano 重新計(jì)算 z-index
        safe: true
        },
      })
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1 Webpack 1.1 概念簡介 1.1.1 WebPack是什么 1、一個(gè)打包工具 2、一個(gè)模塊加載工具 3...
    Kevin_Junbaozi閱讀 7,006評(píng)論 0 16
  • 版權(quán)聲明:本文為博主原創(chuàng)文章,未經(jīng)博主允許不得轉(zhuǎn)載。 webpack介紹和使用 一、webpack介紹 1、由來 ...
    it筱竹閱讀 11,450評(píng)論 0 21
  • 寫在前面的話 閱讀本文之前,先看下面這個(gè)webpack的配置文件,如果每一項(xiàng)你都懂,那本文能帶給你的收獲也許就比較...
    不忘初心_9a16閱讀 3,326評(píng)論 0 16
  • 前端將大型項(xiàng)目分成一個(gè)個(gè)單獨(dú)的模塊,一般封裝好的每個(gè)模塊都會(huì)實(shí)現(xiàn)一個(gè)目的明確的完成的功能。如何處理這些模塊以及模塊...
    pixels閱讀 3,501評(píng)論 1 14
  • 今日橙思:你的輸出有結(jié)構(gòu)嗎? 寫學(xué)習(xí)感悟應(yīng)該算是輸出吧,這幾天的讀書感悟感受最多的是新奇與發(fā)現(xiàn)缺陷...
    申小艷閱讀 207評(píng)論 0 0

友情鏈接更多精彩內(nèi)容