px2rem-loader安装出错

Question

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

npm i px2rem-loader --save

Answer 1

• 文章：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添加进去哦