vue2中做移动端适配（淘宝方案）

1.下载lib-flexible淘宝适配插件

npm i lib-flexible -s

2.在main.js文件中导入全局的lib-flexible

import 'lib-flexible'

3.下载postcss-px2rem插件自动将px转rem单位

npm i postcss-px2rem -s

4.在vue.config.js文件中的css属性进行基本配置

css: {  // 预先处理css

        loaderOptions: {   // 加载器 处理样式

          css: {},

          postcss: {                                            // 样式代码处理

            plugins: [                                            // 插件配置

              require("postcss-px2rem")({             // 引入单位转换插件

                remUnit:37.5,                                   // 设计稿尺寸 375    根字体大小37.5

                exclude:/node_modules/i                  // 不包含文件

              })

            ]

          }

        }

    }