前端

移动端rem适配,postcss-pxtorem、lib-fle

2019-10-24  本文已影响0人  是嘻嘻呀

-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   : ['*'],
                  }),
              ]
          }
      }
    },
上一篇 下一篇

猜你喜欢

热点阅读