是否可以使用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.