javascript - Webpack Externals ,在运行时加载本地文件
问题描述
我有一个文件uiConfig.json
,它有一些server URL
,DevOps 团队根据环境更改文件。` 我正在尝试使用 webpack 在运行时加载此文件。
到目前为止,我已经尝试了以下方法。
- 使用 Webpack 外部组件
//webpack.config.js
externals: {
'uiConfig': JSON.stringify(require('./uiConfig.json'))
},
将 uiConfig 复制到构建目录的根路径
//app.js
import uiConfig from 'uiConfig'
- 从脚本标签中获取 uiConfig 并将 url 公开给全局窗口对象。这种方法有时似乎有效,但不一致
<script type="application/javascript">
window.uiConfig = {}
fetch('./uiConfig.json').then((response) => {
return response.json();
}).then((data) => {
window.uiConfig = data
})
</script>
我做错了什么,我该如何解决这个问题?
感谢你的帮助。
解决方案
推荐阅读
- xcode - 没有 Apple 开发者帐户的 XCode:无法安装 .ipa 文件
- python - 我的 python 交易机器人是否错误地计算 MACD?
- python - 如何在熊猫中将一个列分组在不同的间隔上?
- java - Spring Session Cookie 显示错误值
- javascript - 如何修复服务器端 socket.io 错误?
- python - 使用 Python 使用 netCDF4 从 NETCDF 文件中提取名称
- javascript - 移动设备上的 HTML 布局无法正常工作
- python - 在 Pandas 中将数值转换为分类
- c - 有没有办法提取作为给定 c 代码中的参数传递给特定函数的变量?
- pdf - 如何将带有我不关心的图像的 PDF 转换为文本?