移动端适配

1. 安装安装lib-flexible   命令 : npm i lib-flexible --save
2. 在项目入口文件main.js中引入lib-flexible  命令 : import 'lib-flexible/flexible.js'
3. 在项目根目录的index.html 头部加入手机端适配的meta的代码  命令 : <meta name="viewport" content="width=device-width, initial-scale=1.0">
4. 安装px2rem-loader  命令 : npm install px2rem-loader
5. 配置px2rem-loader 

　　　　命令 :　　　　　

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

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

　　　6.然后重启后   在组件中写单位直接写px  然后在浏览器中的检查就可以看到  单位是rem