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