Fatal编程技术网
  • javascript/
  • Javascript 在React中访问JSON文件而不导入它

Javascript 在React中访问JSON文件而不导入它

javascript json reactjs

Javascript 在React中访问JSON文件而不导入它,javascript,json,reactjs,create-react-app,Javascript,Json,Reactjs,Create React App,我一直在以JSON文件的形式将数据导入React组件： 从“../../public/json/data.json”导入数据 我正在使用该工具，当我运行npm运行build时，正如预期的那样，data.json文件作为build/static/main.js文件的一部分捆绑在一起 我希望这个data.json文件不被捆绑，而是在每次组件运行时被引用。也就是说，可以在内置应用程序中对其进行编辑，并在应用程序中显示这些编辑。我认为通过将它包含在我的public（与src相反）文件夹中，这会起作用，但

我一直在以
JSON
文件的形式将数据导入React组件：

从“../../public/json/data.json”导入数据

我正在使用该工具，当我运行
npm运行build
时，正如预期的那样，
data.json
文件作为
build/static/main.js
文件的一部分捆绑在一起


我希望这个
data.json
文件不被捆绑，而是在每次组件运行时被引用。也就是说，可以在内置应用程序中对其进行编辑，并在应用程序中显示这些编辑。我认为通过将它包含在我的
public
（与
src
相反）文件夹中，这会起作用，但当然，我仍在导入它，因此它是捆绑的。有没有办法在不捆绑的情况下引用它？
使用fetch API异步检索JSON文件


查看示例实现。
我认为这可以通过代码拆分实现，您可以将代码拆分为按需加载的块。有关这方面的更多信息，请参阅。