npm run build 打包 部分樣式丟失

今天把項目打包丟到服務器上的時候,部分css樣式跟本地開發(fā)環(huán)境顯示的不一致(注意不是全部樣式缺失,也不是圖片找不到等問題),這種問題還是頭次遇到,于是在打包后的css文件里面去找對應的樣式,發(fā)現并沒有打包進來,于是在網上搜索相關問題后,找到如下方法,親測可行,于是貼出來給遇到類似問題的朋友,方法如下

修改webpack.prod.conf.js

optimize-css-assets-webpack-plugin這個插件的問題, 注釋掉webpack.prod.conf.js中下面的代碼

// new OptimizeCSSPlugin({

// cssProcessorOptions: config.build.productionSourceMap

// ? { safe: true, map: { inline: false } }

// : { safe: true }

// }),

完美解決問題,其中的原理還待深入研究

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容