custom-cra 將 CSS 壓縮並嵌入到 HTML 中

Question

我正在做一個 React 項目。 我希望我的 CSS 嵌入到 HTML 本身中，而無需通過網絡調用 CSS。

CSS

body{
   background-color: #000000;
}

成一個文件，如

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta
      name="description"
      content="Web site created using create-react-app"
    />
    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    <title>React App</title>
    <style>
    body{
      background-color: #000000;
    }
    </style>
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
  </body>
</html>

我不了解 webpack 我已經設置了 custom customize-cra並且有config-override.js文件。

module.exports = function override(config, env) {
  // do stuff with the webpack config...
  return config;
};

Answer 1

可能這就是你需要的“react-style-tag”

從您的帖子中，我認為您希望在 index.html 文件中包含您的樣式

custom-cra 將 CSS 壓縮並嵌入到 HTML 中

問題描述

1 個解決方案

解決方案1
-1 2019-12-28 14:00:55

custom-cra 將 CSS 壓縮並嵌入到 HTML 中

問題描述

1 個解決方案

解決方案1 -1 2019-12-28 14:00:55

解決方案1
-1 2019-12-28 14:00:55