blocks|key|1316816|text|CRA正在做的是使用webpack从(默认的)+src/index.js文件开始捆绑你的代码。这意味着它创建了一个(或者多个，如果是延迟加载的)包，这些包被加载到public/index.html文件中。您可以通过查看build/index.html并查找在</body>标记之前加载的脚本来检查它。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1316817|React的主要入口点是|1316818|ReactDOM.render(<App+/>,+document.getElementById('root'));|code-block|syntax|javascript|1316819|在一个HTML文件中可以有多个入口点。如果你想在多个文件中拆分多个入口点-恐怕你需要eject你的CRA应用程序并自行调整webpack的配置。|1316820|我想这里也描述过类似的问题：Multiple+modules+for+multiple+entry+points+in+webpack+config+for+reactjs+app|1316821|但也许你只是在找react-router？您还可以调整您的服务器配置，将所有路径重定向到index.html，并让react-router处理显示正确的组件。例如，How+to+setup+apache+server+for+React+route?|1316822|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/44156492/multiple-modules-for-multiple-entry-points-in-webpack-config-for-reactjs-app|1|https://reacttraining.com/react-router/web/guides/quick-start|2|https://stackoverflow.com/questions/44038456/how-to-setup-apache-server-for-react-route^0|O|C|29|H|31|G|3L|7|0|0|0|16|5|0|E|24|0|0|18|A|8|C|1|2A|17|2|0^^$0|@$1|2|3|4|5|6|7|14|8|@$9|15|A|16|B|C]|$9|17|A|18|B|C]|$9|19|A|1A|B|C]|$9|1B|A|1C|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1D|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1E|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1F|8|@$9|1G|A|1H|B|C]]|D|@]|E|$]]|$1|O|3|P|5|6|7|1I|8|@]|D|@$9|1J|A|1K|1|1L]]|E|$]]|$1|Q|3|R|5|6|7|1M|8|@$9|1N|A|1O|B|C]]|D|@$9|1P|A|1Q|1|1R]|$9|1S|A|1T|1|1U]]|E|$]]|$1|S|3|-4|5|6|7|1V|8|@]|D|@]|E|$]]]|T|$U|$5|V|W|X|E|$Y|Z]]|10|$5|V|W|X|E|$Y|11]]|12|$5|V|W|X|E|$Y|13]]]]

What CRA is doing is using webpack to bundle your code starting from (default) <code>src/index.js</code> file. It means that it creates one (or multiple if lazy loaded) bundles, that are loaded into <code>public/index.html</code> file. You can check it by viewing <code>build/index.html</code> and looking for scripts loaded before the <code>&lt;/body&gt;</code> tag.

The main entry point for React is

<pre class="lang-js prettyprint-override"><code>ReactDOM.render(&lt;App /&gt;, document.getElementById('root'));
</code></pre>

You can have multiple entry points in one HTML file. If you want to have multiple entry points split across multiple files - I am afraid you will need to <code>eject</code> your CRA app and tweak webpack config by yourself.

I think similar problem was described here:
<a href="https://stackoverflow.com/questions/44156492/multiple-modules-for-multiple-entry-points-in-webpack-config-for-reactjs-app">Multiple modules for multiple entry points in webpack config for reactjs app</a>

But maybe you are just looking for <a href="https://reacttraining.com/react-router/web/guides/quick-start" rel="nofollow noreferrer">react-router</a>? You can also adjust your server config to redirect all paths to <code>index.html</code> and let react-router handle displaying proper component. E.g. <a href="https://stackoverflow.com/questions/44038456/how-to-setup-apache-server-for-react-route">How to setup apache server for React route?</a>

blocks|key|1567027|text|从您的问题可以看出，您需要多个HTML文件的确切原因并不是很清楚，但可以从CRA+readME中考虑一下|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1567028|Razzle如果你想使用React和Node.js进行服务器渲染，请查看Next.js或|1567029|。Create+React+App与后端无关，只会生成静态的HTML/JS/CSS包。|blockquote|1567030|1567031|如果您的网站主要是静态的(例如，文件夹或博客)，请考虑使用Gatsby。与创建React+App不同，它在构建时将网站预先呈现为HTML。|1567032|1567033|因此，我认为有必要理解Why+do+you+need+it?+And+maybe+there+is+a+tool+more+suitable+for+your+case+than+CRA.，而不是whether+it+is+possible+to+do+this+with+CRA?|style|CODE|1567034|也许next.js、razzle或gatsbyjs可以解决你的问题。|1567035|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/facebook/create-react-app#popular-alternatives|1|https://github.com/zeit/next.js/|2|https://github.com/jaredpalmer/razzle|3|https://www.gatsbyjs.org/^0|11|A|0|0|0|0|0|0|0|B|2B|2Q|17|0|2|7|1|A|6|2|H|8|3|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@$A|17|B|18|1|19]]|C|$]]|$1|D|3|E|5|6|7|1A|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|1B|8|@]|9|@]|C|$]]|$1|I|3|-4|5|6|7|1C|8|@]|9|@]|C|$]]|$1|J|3|K|5|6|7|1D|8|@]|9|@]|C|$]]|$1|L|3|-4|5|6|7|1E|8|@]|9|@]|C|$]]|$1|M|3|N|5|6|7|1F|8|@$A|1G|B|1H|O|P]|$A|1I|B|1J|O|P]]|9|@]|C|$]]|$1|Q|3|R|5|6|7|1K|8|@]|9|@$A|1L|B|1M|1|1N]|$A|1O|B|1P|1|1Q]|$A|1R|B|1S|1|1T]]|C|$]]|$1|S|3|-4|5|6|7|1U|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]|10|$5|V|W|X|C|$Y|11]]|12|$5|V|W|X|C|$Y|13]]|14|$5|V|W|X|C|$Y|15]]]]

From your question, it's not quite clear for what exact reason you need multiple HTML files, but consider this from the <a href="https://github.com/facebook/create-react-app#popular-alternatives" rel="nofollow noreferrer">CRA readME</a>:
<blockquote>
If you want to do server rendering with React and Node.js, check out Next.js or Razzle. Create React App is agnostic of the backend, and just produces static HTML/JS/CSS bundles.
If your website is mostly static (for example, a portfolio or a blog), consider using Gatsby instead. Unlike Create React App, it pre-renders the website into HTML at the build time.
</blockquote>
So I think there is a need to understand not <code>whether it is possible to do this with CRA?</code> but <code>Why do you need it? And maybe there is a tool more suitable for your case than CRA.</code>
Maybe <a href="https://github.com/zeit/next.js/" rel="nofollow noreferrer">next.js</a>, <a href="https://github.com/jaredpalmer/razzle" rel="nofollow noreferrer">razzle</a> or <a href="https://www.gatsbyjs.org/" rel="nofollow noreferrer">gatsbyjs</a> will address your issue.

I've been searching on internet for this problem and all I am getting is there is no need to create other pages because react is meant for single page application
or solutions that change the content of the page but not the page (url) itself.
What I really want to know is : 
When I create an app with create-react-app , I get all the setup , now can I create
a new html file like the default index.html is created in public directory and 
render components to that new file ?

How can I add new html files to react application?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我一直在互联网上搜索这个问题，我得到的结果是没有必要创建其他页面，因为react是为改变页面内容的单页面应用程序或解决方案设计的，而不是页面(url)本身。我真正想知道的是:当我用create-react-app创建一个应用程序时，我得到了所有的设置，现在我可以创建一个新的html文件，就像在公共目录中创建的默认ind...

问如何将新的html文件添加到react应用程序？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将新的html文件添加到react应用程序？EN