如何在html文件和javascript文件中使用.env文件？
在我的.env文件中，我有：
GOOGLE_API_TOKEN=token在我的html文件中，我有：
<iframe id="maps" src="https://www.google.com/maps/embed/v1/place?key=GOOGLE_API_TOKEN&q=United+States" width="600" height="450" style="border:0" allowfullscreen="" loading="lazy"></iframe>我不知道如何从.env文件中获取令牌并将其放入iframe src。
因为我是第一次使用.env文件，所以我不确定如何访问javascript文件中的令牌。
Directory Layout
我试过使用反勾号，但在html中不起作用;对于javascript，我试过import和require，但做不到。
1条答案
按热度按时间yc0p9oo01#
不能在html中直接引用process.env变量。
从
index.html创建您自己的模板，并将API url替换为参数。HtmlWeb包插件：简化HTML文件的创建以服务于您的Webpack捆绑包。
更多参考资料如下：https://github.com/jantimon/html-webpack-plugin#writing-your-own-templates