vue 自动px单位自动转换rem

vue 适配移动端 假设设计图是750

第一步 安装 lib-flexible

npm i lib-flexible --save

第二步 px2rem-loader

　npm install px2rem-loader --save-dev

第三步 在main.js中引入lib-flexible

　import 'lib-flexible/flexible'

第四步 配置utils文件（在vue-cli生成的文件中,找到以下文件 build/utils.js,如下图添加配置）

const cssLoader = {
    loader: 'css-loader',
    options: {
      minimize: process.env.NODE_ENV === 'product',
      sourceMap: options.sourceMap,
      importLoaders: 2
    }
  }

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

重启项目，就可以愉快的用设计稿上的px了！