postcss-pxtorem
为了实现响应式。包括 PC 端、数据大屏、移动端
这里大概记录一下使用思路。
参考资料
《Vue 项目自动转换 px 为 rem，高保真还原设计图》《postcss-pxtorem 插件自动转换 rem 单位的配置》《vue 配置 以及 postcss-pxtorem 的使用》
使用 postcss-pxtorem 生产依赖
配置相关的文件。注意忽略掉
忽略掉指定的第三方 UI 库？
导入的 import 模块化样式没有被更改？
postcss-pxtorem 导入的样式不生效？
目前没有在 bing 内看到相关的内容。
rem.js
有些文章称单独配置好插件也不行，仍旧需要手写东西实现响应式调整。
rem.js。 手动编写一个响应式字体大小控制代码。实现根标签字体大小的变化。
vite 项目内配置导入该插件
注意到 vite 本身提供了 postcss，该插件可以以函数形式，显性导入。可读性更好。但是目前不清楚怎么取舍。是用 vite 来配置？还是用 postcss.config.cjs 来配置？
https://blog.csdn.net/m0_54089303/article/details/128100595
贡献者
阮喵喵 ruan-cat