Question

我刚从这里https://github.com/facebookincubator/create-react-app安装了这个Create React Apps程序，我已经下载了所有文件，我可以编辑App.js文件，但我已经为网站制作了一些html文件，我想知道如何将App.js文件链接到我当前的文件。给定Index.html上的html显示没有使用<script>元素。这是完整的HTML代码：

<!doctype html>
<html lang="en">
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 <meta name="theme-color" content="#000000">
<!--
  manifest.json provides metadata used when your web app is added to the
  homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
<!--
  Notice the use of %PUBLIC_URL% in the tags above.
  It will be replaced with the URL of the `public` folder during the build.
  Only files inside the `public` folder can be referenced from the HTML.

  Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
  work correctly both with client-side routing and a non-root public URL.
  Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>React App</title>
</head>
<body>
  <noscript>
  You need to enable JavaScript to run this app.
  </noscript>
<div id="root"></div> 
<!--
  This HTML file is a template.
  If you open it directly in the browser, you will see an empty page.

  You can add webfonts, meta tags, or analytics to this file.
  The build step will place the bundled scripts into the <body> tag.

  To begin the development, run `npm start` or `yarn start`.
  To create a production bundle, use `npm run build` or `yarn build`.
-->
  </body>
 </html>

Answer 1

在项目内部运行

npm run build

这会创建文件夹＆＃34; / build＆＃34;使用＆＃34; index.html＆＃34;文件。在这里你可以看到所有这些魔法是如何完成的。你可以把你的其他/旧东西放在那里。

Answer 2

我不完全确定你在问什么，但你可以在与React相同的页面上拥有正常的html / css。 React正在呈现页面keyNames部分中的App组件。在其他地方，你可以粘贴旧的html东西，它应该可以工作。

如何将React.js文件链接到html

2 个答案: