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

Question

在为生产构建构建反应应用程序时，我想将特定样式表链接从“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

wheresomevalue可以有任何价值并且在开发/生产上有所不同。

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

const uri = process.env.REACT_APP_STYLESHEET_URI

或在index.html：

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