关于vue.js:vue使用libflexible和postcsspxtorempx转rem进行适配

1. 开发环境 vue
2. 电脑系统 windows10 专业版
3. 在开发的过程中, 咱们须要做适配, 上面我来分享一下办法, 心愿对你有所帮忙。
4. 废话不多说, 间接上操作:

// 装置 lib-flexible
npm install lib-flexible --save-dev

5. 批改 lib-flexible 配置

// 文件在 node_modules>lib-flexible>flexible

5-1. 在 mian.ts 中引入 lib-flexible

// 导入 lib-flexible
import "lib-flexible";

6. 装置 postcss-pxtorem(px 转 rem)

npm install postcss-pxtorem -D

6-1. 在根目录下新建.postcssrc.js(和 package 同级)

module.exports = {
  "plugins": {"autoprefixer": {},
    'postcss-pxtorem': {
      rootValue: 19.2, // 75 示意 750 设计稿，37.5 示意 375 设计稿
      propList: ['*']
    }
  }
}

6-2. 你可能会遇到以下报错

6-3. 剖析起因

// 最高版本是 6, 找不到 8 的版本 

6-4. 解决办法如下:

npm install postcss-pxtorem@5 -D

7. 本期的分享到了这里就完结啦, 心愿对你有所帮忙, 让咱们一起致力走向巅峰。