使用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