VUE中使用rem lib-flexible

1 、npm i lib-flexible --save

2、import 'lib-flexible/flexible.js'

3、npm install px2rem-loader

4、const cssLoader = {

    loader: 'css-loader',

    options: {

      sourceMap: options.sourceMap,

      importLoader: 5 // 在加载cssLoader之前加载的loader个数

    }

  }

  const px2remLoader = {

    loader: 'px2rem-loader',

    options: {

      emUnit: 75 // 设计稿的1/10

    }

  }

  // 在后面的函数中

  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

        })

      })

    }