2017-07-05 8 views
0

https://github.com/facebookincubator/create-react-appからこのCreate React Appsプログラムをインストールしましたが、すべてのファイルをダウンロードしてApp.jsファイルを編集できましたが、すでにいくつかのhtmlファイルを作成していますWebサイトでは、App.jsファイルを現在のファイルにリンクする方法を知りたい。与えられたIndex.html上のhtmlは、使用された<script>要素を示していません。ここでは、完全なhtmlコードです:React.jsファイルを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> 
+0

*開発を開始するには、 'npm start'または' yarn start'を実行してください。 実動バンドルを作成するには、 'npm run build'または' yarn build'を使用します。* –

答えて

1

。この中に、この魔法がどのように行われているかを見ることができます。他の/古いものもそこに置くことができます。

0

私はあなたが求めているものを全くわからないんだけど、反応するあなたは、同じページ上で通常のHTML/CSSを持つことができます。 Reactは、ページのdiv id="root"セクションのAppコンポーネントをレンダリングしています。他の場所では、古いhtmlファイルを貼り付けるだけで済みます。プロジェクトの実行

NPMの実行ビルド

"のindex.html" ファイルを使用してこのフォルダを作成し、 "/ビルド" インサイド

関連する問題