如何读取 src 之外的文件?

xax*_*axa 5 reactjs

我知道在反应中你不能importsrc文件夹外文件。但是它的确切原因是什么,我可以禁用它吗?

在我的项目中,react web app 只是整个事情的一部分,不同的部分共享一些文件(配置,构建输出),所以文件夹结构看起来像这样

ProjectRoot/
    config
    build-output/
    Part1/
    Part2/
    WebApp/
        src/
...
Run Code Online (Sandbox Code Playgroud)

当然,您可以复制文件或创建符号链接,但这是重复且不方便的。

max*_*ell 5

这是Create React App only的限制。

这个工具的存在是为了让新用户通过抽象工具尽快启动并运行 React 框架。在这种情况下限制您的工具部分是它们的webpack 配置,它预设为仅在您的 src 目录中查找 javascript 文件。

这解释了为什么?但要回答你问题的另一半:

我怎样才能禁用它?

您是否需要从 Create React App 中弹出,然后修改您的webpack 配置以允许它搜索除src/