鍍金池/ 問答/HTML/ vue-cli3.0 怎么配置px2rem-loader？放了幾個(gè)位置都報(bào)錯(cuò)

vue-cli3.0 怎么配置px2rem-loader？放了幾個(gè)位置都報(bào)錯(cuò)

根據(jù)文檔，px2rem-loader應(yīng)該是配置在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也不行。有大神可以貼個(gè)代碼我看下或者提供一個(gè)文檔我看下么？

回答
編輯回答
話寡

解決方案參考我的多頁腳手架：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 里面是不能配置的，沒有這個(gè)項(xiàng)，源碼 cli-service/lib/options.js

loaderOptions: joi.object({
      css: joi.object(),
      sass: joi.object(),
      less: joi.object(),
      stylus: joi.object(),
      postcss: joi.object()
    })
2018年7月15日 04:15