postcss-pxtorem px转成rem 项目配置

最新推荐文章于 2024-08-08 08:13:35 发布

不当混子

最新推荐文章于 2024-08-08 08:13:35 发布

阅读量1k

点赞数 1

文章标签： vue js

本文链接：https://blog.csdn.net/weixin_45515229/article/details/107211434

版权

在做大屏态势感知类型的项目指定会需要做适配，h5了这些.....

postcss-pxtorem 可以把你的px转化成rem(好用推荐）

说说怎么用吧：

第一步：

npm install postcss-pxtorem -D

第二步引入：

方法一：在vue.config.js中

module.exports = {
   css: {
    loaderOptions: {
      postcss: {
        plugins: [
            require('postcss-pxtorem')({//这里是配置项，详见官方文档
                rootValue : 16, // 换算的基数
                // selectorBlackList: ['weui','mu'], // 忽略转换正则匹配项
                propList: ['*'],
            }),
          ]
      }
    },
   }
}

这个样就引入成功了，需要重新运行项目啊