我如何在React HTML文件中访问process.env变量
[英]How I access process.env variables in react html file
问题描述
我有以下HTML文件，并且process.env变量为process.env.var1='abc'但是一旦加载了应用程序，该变量就未定义。
res.send(`
<html>
<head>
<link href="${process.env.var1}" rel="stylesheet">
</script>
</head>
<body>
<div id="react-root"></div>
</body>
</html>`);
2 个解决方案
解决方案1
1 2018-09-24 21:04:20
process.env是您的环境通过节点J提供的全局变量。 但是我们的浏览器中没有Node js，我们将使用webpack。
因此，您可以使用configure webpack definePlugin创建全局常量
// webpack.config.js
const webpack = require('webpack');
module.exports = {
entry: './index.js',
plugins: [
new webpack.DefinePlugin({
'process.env': {
'NODE_ENV': '"production"'
}
})
]
};
//index.js
console.log(process.env);
console.log(process.env.NODE_ENV);
解决方案2
-1 2018-09-24 17:43:18
定义一个常量变量css ，以后可以在html标签中使用。
let css = `<link href="${process.env.var1}" rel="stylesheet">`;
res.send(`
<html>
<head>
${css}
</head>
<body>
<div id="react-root"></div>
</body>
</html>`);
如何让 webpack 在构建期间不将 process.env 变量转换为其值？
[英]how do I make webpack not convert process.env variables to their values during build?
如何在导入的 npm ZEFE90A8E604A7C840E8ZFB7DZ 中访问导入 class 的 process.env object？
[英]How do I access the process.env object of the importing class in an imported npm package?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
无法使用 process.env 访问反应环境变量
如何在Meteor中访问process.env？
无法使用 dotenv-webpack 访问 process.env 变量
无法在`process.env`中访问Node.js环境变量
在反应中使用 process.env
如何让 webpack 在构建期间不将 process.env 变量转换为其值？
如何在导入的 npm ZEFE90A8E604A7C840E8ZFB7DZ 中访问导入 class 的 process.env object？
Webpack global/process.env 变量范围？
为什么我的 process.env 变量未定义？
节点process.env变量为空
相关标签