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

原文地址:https://www.cnblogs.com/thinkingthigh/p/13577851.html