1

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

0 回答 0