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

        })

      })

    }

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容