vue中px转换成rem的设置

1.npm install px2rem --save-dev

2.在utils.js中加入

    

const px2remLoader = {
    loader: 'px2rem-loader',
    options: {
        remUnit: 40
    }
}

并修改下面代码

function generateLoaders (loader, loaderOptions) {
  const loaders = options.usePostCSS ? [cssLoader, postcssLoader,px2remLoader] : [cssLoader,px2remLoader]

  if (loader) {
    loaders.push({
      loader: loader + '-loader',
      options: Object.assign({}, loaderOptions, {
        sourceMap: options.sourceMap
      })
    })
  }

3.如此变可以在vue中直接书写px,会自动转换成rem。

4.当需要引入外部css文件时，用@import时会出现不能转换的情况(待解决)，可以直接在script中import