VUE手机端使用rem

注：若要使用sass，先配置rem

安装px2rem

npm install px2rem-loader  lib-flexible --save 

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

import 'lib-flexible/flexible.js'

在build下的 utils.js中，找到generateLoaders 方法，在这里添加

var px2remLoader = {
    loader: 'px2rem-loader',
      options: {
      remUnit: 75//设计稿宽度/10
  }
};

// generate loader string to be used with extract text plugin
function generateLoaders(loader, loaderOptions) {
  const loaders = options.usePostCSS ? [cssLoader, postcssLoader,px2remLoader] : [cssLoader,px2remLoader];//添加px2rem 插件
  if (loader) {
    loaders.push({
        loader: loader + '-loader',
        options: Object.assign({}, loaderOptions, {
        sourceMap: options.sourceMap
      })
    })
}