postcss-pxtorem 使用教程(适配移动端)

Stars-yue

已于 2022-04-22 14:02:22 修改

阅读量1.3k

点赞数 2

文章标签：前端

于 2022-04-22 14:00:11 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_48505217/article/details/124344261

版权

本文指导如何使用npm安装postcss-pxtorem并配置postcss.config.js，介绍了在Vite项目中设置单位转换的方法，重点讲解了postcss.config.js的详细配置和示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装

使用npm安装

npm install postcss-pxtorem --save-dev

根目录新建postcss.config.js文件

// postcss.config.js
// 用 vite 创建项目，配置 postcss 需要使用 post.config.js，之前使用的 .postcssrc.js 已经被抛弃
// 具体配置可以去 postcss-pxtorem 仓库看看文档
module.exports = {
  "plugins": {
    "postcss-pxtorem": {
      rootValue: 37.5, 
      propList: ['*'],
      selectorBlackList: ['.ignore'] 
    }
  }
}