一、下载lib-flexible

npm i lib-flexiable

二、更改配置

在node_modules中找到lib-flexiable/flexible.js

// 最小1366px，最大适配2560px
if (width / dpr < 1366) {
    width = 1366 * dpr;
} else if (width / dpr > 2560) {
    width = 2560 * dpr;
}
// 设置成24等份，设计稿时1920px的，这样1rem就是80px
var rem = width / 24;

三、引入

在 main.js 中引入这个文件

import 'lib-flexible/flexible'

只需要引入就可以了

但是一定要重启项目，因为修改了main.js文件，否则不生效

四、验证

在项目中可以使用rem了，1rem现在就是80px，可以根据自己需要调整

能够看到这个样式就证明flexible是引入成功的，调整页面大小能看到缩放