移动端rem适配,postcss-pxtorem、lib-flexible 插件

-postcss-pxtorem 是一款 postcss 插件,用于将单位转化为 rem
-lib-flexible 用于设置 rem 基准值

安装依赖

npm i postcss-pxtorem --save-de

基础配置

vue3.0在vue.config.js中配置

lintOnSave: true,
    css: {
      loaderOptions: {
          postcss: {
              plugins: [
                  require('postcss-pxtorem')({
                      rootValue : 37.5, // 换算的基数
                      selectorBlackList  : ['van',], // 忽略转换正则匹配项
                      propList   : ['*'],
                  }),
              ]
          }
      }
    },

你可能感兴趣的:(移动端rem适配,postcss-pxtorem、lib-flexible 插件)