@kokojs/plugin-rem
Advanced tools
@kokojs/plugin-rem 提供 rem 适配的能力。
yarn add @kokojs/plugin-rem --dev
安装完成后，在 koko.config.js 中添加如下配置：
module.exports = {
plugins: {
rem: {},
},
};
@kokojs/plugin-rem 主要做了两件事：
在编译过程中通过 postcss 的 postcss-pxtorem 插件，将代码中的 px 单位自动转换为 rem 单位。
// input
.image {
width: 100px;
height: 75px;
}
// output
.image {
width: 2rem;
height: 1.5rem;
}
@kokojs/plugin-rem 会插入一小段运行时代码，代码执行时，会根据屏幕宽度计算 rem 基准值并设置到根节点上。
<html style="font-size: 50px;">
<!-- content -->
</html>
object{ rootValue: 50, propList: ['*'] }postcss-pxtorem 插件的配置选项，详见 postcss-pxtorem 文档。
陈嘉涵。
FAQs
`@kokojs/plugin-rem` 提供 rem 适配的能力。
The npm package @kokojs/plugin-rem receives a total of 17 weekly downloads. As such, @kokojs/plugin-rem popularity was classified as not popular.
We found that @kokojs/plugin-rem demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
November CVE publications fell 25% YoY even as 2025 totals rose, showing how a few major CNAs can swing “global” counts and skew perceived risk.
Security News
React disclosed a CVSS 10.0 RCE in React Server Components and is advising users to upgrade affected packages and frameworks to patched versions now.
Research
/Security News
We spotted a wave of auto-generated “elf-*” npm packages published every two minutes from new accounts, with simple malware variants and early takedowns underway.