px2rem-loader安装出错

px2rem-loader安装出错
使用的是vue2

npm i px2rem-loader --save

img

  • 文章:px2rem-loader 使用方法 中也许有你想要的答案,请看下吧
  • 除此之外, 这篇博客: Vue移动端适配,Vue一键px2rem,px2rem-loader安装使用教程中的 2、配置px2rem-loader插件 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • 在main.js引入lib-flexible插件

    import 'lib-flexible'
    

    在这里插入图片描述
    在build --> utils.js文件里的exports.cssLoaders配置px2rem-loader插件
    代码如下:

    // 配置px2rem-loader
      const px2remLoader = {
        loader: 'px2rem-loader',
        options: {
          // 根据你的设计稿而定,remUnit = 设计稿 / 10;
          /**
           * 根据你的设计稿而定
           * 比如750px的设计稿,remUnit = 750 / 10 = 75;
           * 640的设计稿,remUnit = 640 / 10 = 64;
           */
          remUnit: 75
        }
      }
    

    在这里插入图片描述
    不要忘了还要在generateLoaders 函数里面把px2remLoader添加进去哦
    在这里插入图片描述