是否可以在生产构建（webpack/craco）上更改样式表 URI？

Question

在为生产构建构建 React 应用程序时，我想将特定样式表 link 从“http://127.0.0.1:4000/custom/styles.css”更改为"/custom/styles.css"

可以用 webpack / craco 做到吗？如果可能的话，我怎样才能做到这一点？ :)

Answer 1

如果你使用 Create React App，你可以利用 dotenv variables.

在根目录创建文件 .env 和 .env.development，属性应该是这样的：

REACT_APP_STYLESHEET_URI=somevalue

其中 somevalue 可以有任何值并且在 dev/production 上可以不同。

您可以通过以下方式在代码中访问它们：

const uri = process.env.REACT_APP_STYLESHEET_URI

或在index.html:

<link rel="stylesheet" href="%REACT_APP_STYLESHEET_URI%">

Is it possible to change stylesheet URI on production build (webpack / craco)?