在项目中用到了 postcss 的 postcss-px2rem 插件,作用就是把 css中的 px 处理成 rem
webpack.base.conf.js:
vue: {
// loaders: utils.cssLoaders(),
postcss: [require('postcss-px2rem')({
baseDpr: 2, // base device pixel ratio (default: 2)
threeVersion: false, // whether to generate @1x, @2x and @3x version (default: false)
remVersion: true, // whether to generate rem version (default: true)
remUnit: 75, // rem unit value (default: 75)
remPrecision: 6 // rem precision (default: 6)
})],
autoprefixer: {
browsers: ["Android >= 2.3", "ChromeAndroid > 1%", "iOS >= 4"],
cascade: false // 不美化输出 css
}
}
scss源码
.selector {
width: 150px;
height: 64px; /*px*/
font-size: 28px; /*px*/
border: 1px solid #ddd; /*no*/
}
预期是 默认 px处理成rem; /_px_/ 按媒体查询处理成 px;/_no_/ 不处理还是原有的px
在 npm run dev 阶段 OK,在 npm run build 的时候所有的 px都被处理成 rem
是不是在 postcss-px2rem 插件处理之前,已经把 css 中的 注释给排除了?
@yyx990803 大大,我这个问题该怎么处理呢
发现 .vue 文件设置
Most helpful comment
应该是因为 sass-loader 在 NODE_ENV=production 的时候把注释去掉了。这个我也没办法... 至少这不是 vue-loader 的问题。