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