px2rem icon indicating copy to clipboard operation
px2rem copied to clipboard

配置vue不生效 也不报错

Open wangjit opened this issue 6 years ago • 5 comments

{
  test: /\.vue$/,
  loader: 'vue-loader',
  options: {
  loaders:{
    css: [
      'vue-style-loader',
      'css-loader',
        {
          loader:'px2rem-loader',
          options: {
            remUnit: 75,
            remPrecision: 8
          }
       }
    ],
    scss: [
      'vue-style-loader',
      'css-loader',
        {
          loader:'px2rem-loader',
          options: {
            remUnit: 75,
            remPrecision: 8
          }
        },
      'sass-loader'
    ],
  }
 }
}

如上代码 不生效 也不报错,看了好多次文档

wangjit avatar Apr 28 '18 09:04 wangjit

@wangjit 请问目前解决了吗? 遇到同样的问题 需要将vue中css单位转换为 rem

WangXiZhu avatar May 26 '18 06:05 WangXiZhu

建议大家配置.postcssrc.js来使用这个插件


module.exports = {
  "plugins": {
    "postcss-import": {},
    "postcss-url": {},
    // to edit target browsers: use "browserslist" field in package.json
    "autoprefixer": {},
    "postcss-px2rem": {
      remUnit: 192,
      baseDpr:1.5
    }

  }
}

fantasy525 avatar May 26 '18 06:05 fantasy525

参考了 http://www.txtlxg.com/228/dq674362263/article/details/78740820 (域名不能访问了)

WangXiZhu avatar May 29 '18 01:05 WangXiZhu

参考了 http://www.txtlxg.com/228/dq674362263/article/details/78740820,可用 @WangXiZhu 链接好像打不开

wangjit avatar Jan 03 '19 11:01 wangjit

@fantasy525 具体怎么做?看得不太明白

wangjit avatar Jan 03 '19 12:01 wangjit