使用px2rem配合scss時 /*no*/ /*px*/ 注釋失效


使用px2rem-loader lib-flexible px2rem配合 scss時,dev環境表現正常, production環境 /*no*/ /*px*/ 注釋失效,會將需要使用px的元素轉成rem。

我這邊產生問題的原因大概是 本地環境為v12.18.3 測試環境node版本為v10.2.1 , 對應的 sass-loader 相同配置表現不一致,webpack把注釋給干掉了。

在不改變線上環境node版本的前提下,有三種辦法解決:

1)  大寫PX

2)sass-loader配置 outputStyle: 'expanded'

3)使用css書寫組件相關樣式

 

參考資料:

1. https://segmentfault.com/q/1010000020854180

2. https://github.com/neilgao000/blog/issues/15


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM