vue-cli3.0 怎么配置px2rem-loader？放了几个位置都报错

Question

根据文档，px2rem-loader应该是配置在vue.config.js里的，我开始放在css.loaderOption里,yunq

---

  loaderOptions: {    px2rem:{      options:{        remUnit:75,        dpr:2
      }
    }
  },

---

然后就提示 Invalid options in vue.config.js: child "css" fails because [child "loaderOptions" fails because ["px2rem" is not allowed]]

放在chainWebpack也不行。有大神可以贴个代码我看下或者提供一个文档我看下么？

Answer 1

解决方案参考我的多页脚手架：https://github.com/dailynodej...chainWebpack: config => {     config.module       .rule('css')         .test(/\.css$/)         .oneOf('vue')         .resourceQuery(/\?vue/)         .use('px2rem')           .loader('px2rem-loader')           .options({            remUnit: 75           })   }loaderOptions 里面是不能配置的，没有这个项，源码 cli-service/lib/options.jsloaderOptions: joi.object({      css: joi.object(),       sass: joi.object(),       less: joi.object(),       stylus: joi.object(),       postcss: joi.object()     })