构建后在React中读取文件

Question

我正在像这样将文件读取到我的React组件中：

let SVN_VERSION;

try{
  SVN_VERSION = require("./svnversion.txt");
}catch(e){}

...

async componentDidMount(){

    if(!SVN_VERSION) return;

    const res = await fetch(SVN_VERSION);
    const svnVersion = await res.text();
    this.setState({svnVersion})
}

这在我的本地计算机上工作正常。当我更改文件的内容时，组件会更新。

但是，在我使用npm run build构建项目之后，该项目不再得到更新。它只是在构建时获取内容。

我想知道如何制作它以便它动态读取文件内容？

Answer 1

我使用create-react-app创建了项目，并且在构建后，该组件仍使用文件中的内容动态更新。您可以发布您的webpack配置，构建文件夹结构或完整代码吗？

下面是我的构建文件夹