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