Question

我想为我的ReactJs应用程序编写一个自定义配置代码块。现在我的应用程序是这样嵌入的：

<body>
   <section id="root"></section>
   <script type="text/javascript" src="http://somedomain.com/app-bundle.js"></script>
</body>

我的应用程序将在多个域上提供，因此我无法从文件加载配置，因为我无法访问嵌入式页面文件系统我想添加类似这样的配置代码

<body>
    <script>
    let appConfig = {
    'config1':'value1',
    'config2':'value2'
    }
    </script>
<section id="root"></section>
<script type="text/javascript" src="http://somedomain.com/app-bundle.js"></script>
</body>

我不确定应该在哪里以及如何引用应用程序中的代码块。我有Webpack组装我的应用程序，其输入和输出字段定义如下

let config = {
  entry: [
    path.resolve(__dirname, 'src/app/index.js')
  ],
  output: {
    path: assetsDir,
    filename: 'app-bundle.js'
  },
}

通过Webpack

0 个答案: