Vue-loader: postcss-px2rem 插件 build bug?

Created on 16 May 2016  ·  15Comments  ·  Source: vuejs/vue-loader

在项目中用到了 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 大大,我这个问题该怎么处理呢

Most helpful comment

应该是因为 sass-loader 在 NODE_ENV=production 的时候把注释去掉了。这个我也没办法... 至少这不是 vue-loader 的问题。

All 15 comments

发现 .vue 文件设置