使用flexible和postcss-px2rem可以帮我们自动把px转换为rem,但是有些场景不需要转换为rem的话,可以在css样式后面加上/*no*/
.searchBox {
background: #fff;
padding: 20px 30px;/*no*/
margin-bottom: 15px;
}
今天遇到一个问题,打包到测试环境后,居然/*no*/
不生效,直接全部给我转换成rem了,疑惑!
百度爬楼找到了原因:是sass-loader打包的时候将/no/ 注释掉了
在vue.config.js里配置:
解决,记录在此。