我如何更改创建React应用程序文件夹结构

问题描述

我遇到一种情况，我需要更改已使用npx create-react-app创建的react项目的文件夹结构。这样做的原因是我需要从另一个GitHub存储库中提取项目的一部分（src文件夹和公用文件夹）。为此，我将使用GitHub子模块。据我所知，我们不能在GitHub子模块中使用从一个仓库中提取的多个文件夹。因此，我需要将src和public文件夹放入一个新文件夹并将其作为子模块。为了实现此目的，我需要在react应用中进行哪些更改，或者有其他选择可以完成此操作。预先感谢！

解决方法

react-app-rewired允许使用根目录中的config-overrides.js文件更改Create React App的webpack配置。我想您的情况可能是这样的：

const path = require('path');

module.exports = {
    paths: function (paths,env) {        
        paths.appIndexJs = path.resolve(__dirname,'submodule/src/index.js');
        paths.appSrc = path.resolve(__dirname,'submodule/src');
        paths.appPublic = path.resolve(__dirname,'submodule/public'),paths.appHtml = path.resolve(__dirname,'submodule/public/index.html'),return paths;
    },}

可能有additional paths used by CRA，例如testsSetup。

create-react-app github reactjs reactjs