vue-cli配置移動端自適應

一、問題：vue開發中測試時發現適配有問題，找了一下資料，發現使用 lib-flexible 和 px2rem-loader將px轉爲rem；

二、安裝lib-flexible：npm install lib-flexible --save

　  在項目入口文件main.js引入lib-flexible

三、查看index.html中meta配置：<meta name="viewport" content="width=device-width, initial-scale=1.0">

四、安裝px2rem-loader：npm install px2rem-loader --save

五、在build中utils中配置px2rem-loader：

　　（1）、定義一個變量 px2remLoader：remUnit：值對應的是設計圖圖寬度的十分之（根據設計圖更改）

var px2remLoader = {
    loader: 'px2rem-loader',
    options: {
      remUnit: 37.5
    }
  }

　　（2）、在 generateLoaders 函數中更改 loaders

var loaders = [cssLoader,px2remLoader]
    if (loader) {
      loaders.push({
        loader: loader + '-loader',
        options: Object.assign({}, loaderOptions, {
          sourceMap: options.sourceMap
        })
      })
    }

六、重啓就能夠看到 px 轉換成 rem 了