Webpack Externals，在运行时加载本地文件

编程问答 2022-06-20

问题描述

我有一个文件uiConfig.json，它有一些server URL，DevOps团队会根据环境更改文件。 ` 我正在尝试使用webpack在运行时加载此文件。

到目前为止，我已经尝试了以下方法。

  1. 使用Webpack外部组件
//webpack.config.js
  
externals: {
   'uiConfig': JSON.stringify(require('./uiConfig.json'))
},

在构建目录的根路径中复制uiConfig 

//app.js

import uiConfig from 'uiConfig'
  1. 从script标签获取uiConfig并将url公开给全局窗口对象。 这种方法有时似乎可行，但效果不一致
<script type="application/javascript"> 
        window.uiConfig = {}
          fetch('./uiConfig.json').then((response) => {
            return response.json();
          }).then((data) => {
            window.uiConfig = data
        })
    </script>

我在做什么错，我该如何解决这个问题？

感谢您的帮助。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

externaljavascriptruntimeruntimeruntimewebpackwebpackwebpackwebpack-4