2017-08-12

                                                      在vue项目中安装使用lib-flexible

一.安装flexible

npm install lib-flexible --save

二.引入flexible（注意安装完flexible一定要进行这一步才能安装px2rem-loader）

在项目入口文件main.js中添加如下代码，引入flexible

import 'lib-flexible'

三.安装px2rem-loader

npm install px2rem-loader --save-dev

四.配置px2rem-loader

1.打开build/utils.js文件，找到exports.cssLoaders方法，在里面添加如下代码

const px2remLoader = {

    loader: 'px2rem-loader',

    options: {

      remUint: 75

    }

  }

2.修改generateLoaders方法中的loaders

const loaders = options.usePostCSS ? [cssLoader, postcssLoader, px2remLoader] : [cssLoader, px2remLoader]

五.然后重新npm run dev，打开控制台可以看到代码中的px已经被转成了rem