这可能是一个不寻常的问题。我想探索在生产模式下将 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>