首页 > 解决方案 > Webpack/React json 文件未在构建时从外部加载

问题描述

我试图在我的反应构建中使用天蓝色的环境变量。到目前为止,我有一个 appsettings.json 文件,我将其加载到反应中:

import settings from './appsettings.json';

然后我让 webpack 将 json 复制到构建文件夹中,该文件夹会转到 azure。但是我认为在构建应用程序后实际上并没有加载文件,因为我可以看到我的一些变量嵌入在“chunk.js”中,所以它实际上不再访问根目录中的 json 文件了吗?我是否以错误的方式导入文件?

C

标签: reactjswebpack

解决方案


两种可能的解决方案:

  • var json = require('./data.json'); //带路径
  • 更改您settings.jsonsettings.jsmodule.exports = {}在其中使用。

我相信 azure 会接受不同形式的设置文件,不限于json.


推荐阅读