是否可以使用reactjs CRA为不同的环境呈现不同的html
[英]Is it possible to render different html for different environments using reactjs CRA
问题描述
Create React App会生成一个静态html，用于绑定组件。 我想知道是否可以根据我们所处的环境更改内容。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
<title>React App</title>
</head>
<body>
<div id="root"></div>
</body>
例如，是否可以根据React应用程序的运行位置将标题命名为"develop"和"production" ？
是否可以仅使用reactjs env配置文件而无需任何服务器端渲染来实现？
编辑：...并且没有弹出和处理webpack配置？
2 个解决方案
解决方案1
1 2018-06-29 07:02:52
我有一个解决方案，可以在不使用环境变量的情况下完成，前提是您的开发和生产网址不同
您可以从window.location.href获取当前网址，并根据该网址更改反应应用的标题。
但是，我认为环境变量将是更好的解决方案
解决方案2
0 2018-06-29 07:32:17
您最好在CRA对象中运行npm run eject run npm run eject 。 您将找到一个名为config的文件夹，以从webpack.config.dev.js和webpack.config.prod.js更改webpack.config.prod.js ：
…
new HtmlWebpackPlugin({
inject: true,
template: **CHNAGE ME**,
…
如何在 reactjs 的不同占位符中渲染不同的组件？
[英]How to render different components in different placeholders in reactjs?
每次渲染时都将不同的 function 传递给 useEffect？ - ReactJS 使用效果
[英]Different function gets passed to useEffect on every render? - ReactJS useEffect
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.