当前位置: 首页 > 面试题库 >

如何在不捆绑Webpack-React应用程序的情况下加载外部配置文件?

莫选
2023-03-14
问题内容

我有一个用React编写并与Webpack捆绑在一起的Web应用程序。该应用程序具有一个JSON配置文件,我想在运行时将其包含在内,而不是与webpack捆绑在一起。

在应用程序的入口点,我使用json-loader导入内容,但是这样做会强制将文件嵌入应用程序中,并且一旦捆绑了配置文件,便无法更新。

如何配置webpack.config.js文件以排除config.json文件,但仍允许我将其导入应用程序?它不是一个模块,所以我不知道它是否可以包含在externals我的webpack.config.js部分中

我尝试使用require.ensure,但现在看到的只是将config.json的内容捆绑到1.1.bundle.js文件中,更改配置文件没有任何作用。

app.js

let config;
require.ensure(['./config.json'], require => {
    config = require('./config.json');
});

问题答案:

我最终使用了该脚本的修改版本从外部加载脚本。我的应用程序不需要立即进行配置,因此异步方面在这里没有什么不同。

我将其<head>与位于同一位置的配置文件一起放在我的应用程序输入页面的顶部。

<head>
    ... other scripts
    <script>
        var config= window.config|| {};
        $.getJSON('config.json', function(response) {
            config= response;
        });
    </script>
</head>
<body>
    <div id='root'/>
    <script src='dist/app.bundle.js'></script>
</body>


 类似资料:
  • 问题内容: 我不确定将Angular Cli从SystemJs切换到Webpack后如何包括JS文件(供应商)。 例如 选项A 我有一些通过npm安装的js文件。 这样无法将脚本标签添加到head标签。似乎也不是最好的方法。 选项B 将这些js文件作为webpack捆绑包的一部分包含在内。这似乎是应该完成的方式。但是我不确定如何执行此操作,因为所有webpack代码似乎都隐藏在angular-cl

  • 我有一个Spring Boot应用程序,它可以根据特定条件将外部JAR文件复制到文件夹中。这些JAR可以包含许多Spring组件(即用注释或元注释的类),Spring应用程序应该能够扫描和实例化这些bean。根据某些条件,是否可以动态加载JAR文件的内容,并使它们可用于Spring应用程序上下文?我充分意识到这对安全的影响。 我已经阅读了Spring为其可执行JAR格式提供的不同类型的和,但是看起

  • 我最近不得不考虑一个新的软件的部署方法,它是用以下代码编写的: 雀巢6/Express 该软件将部署在160多台服务器上,分布在整个欧洲,其中一些服务器的互联网连接非常糟糕。 我做了一些研究,很多人明确建议不要捆绑销售。主要的论点是本机扩展将失败与捆绑器,如或(剧透:这是真的,但有一个解决方案)。在我看来,这在很大程度上是由于人们不关心这个事实:的作者在这个用例中使用了几乎相同的词。所以通常,我被

  • 问题内容: 因此,现在我正在使用一个原型,其中我们将webpack(用于构建.tsx文件和复制.html文件)与webpack-dev- server之间的组合用于开发服务。您可以假设我们也将React和ReactDOM用作两个库依赖项。我们当前的构建输出是以下结构: 这会将所有模块(包括库相关性放入大捆绑文件中)放置。我希望最终结果如下所示: 我在index.html和.tsx文件的import

  • 我无权访问weblogic.deployer和web管理GUI(如果Linux服务器版本中存在) 我可以在weblogic(windows版本)中部署WAR文件。应用程序文件应该可以。

  • 问题内容: 我的应用程序中有大量的javascript文件分成4个子目录。一声不I,我抓起了所有的并将它们编译成一个文件。这些文件没有module.exports函数。 我想使用webpack并将其分为4部分。我不想手动输入所有文件。 我想创建一个插件,该插件在编译时会遍历目录树,然后获取所有.js文件名和路径,然后要求子目录中的所有文件并将其添加到输出中。 我希望将每个目录中的所有文件编译成一个