如何解决是否有可能在生产时将React CSS模块转换为内联CSS
这可能是一个不寻常的问题。我想探讨在生产模式下将CSS / SCSS文件转换为与HTML内联的可能性。
import styles from "./index.module.scss";
function Welcome(props) {
return <h1 className={styles.title}>Hello,Doe</h1>;
}
==== 这将导致类似的结果 ======
<html>
<Head>
<link rel="stylesheet" href="/_next/static/style.css" />
</Head>
<body>
<h1 className="style_title3dwe">Hello,Doe</h1>
</body>
</html>
==== 我期望生产的产品是 ======
<html>
<Head>
<style>
.style_title3dwe { font-size: var(--fs1); }
</style>
</Head>
<body>
<h1 className="style_title3dwe">Hello,Doe</h1>
</body>
</html>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。