mirror of
https://github.com/zhigang1992/create-react-app.git
synced 2026-03-29 17:08:15 +08:00
40 lines
1012 B
Markdown
40 lines
1012 B
Markdown
---
|
||
id: folder-structure
|
||
title: Folder structure
|
||
---
|
||
|
||
After creation, your project should look like this:
|
||
|
||
```
|
||
my-app/
|
||
README.md
|
||
node_modules/
|
||
package.json
|
||
public/
|
||
index.html
|
||
favicon.ico
|
||
src/
|
||
App.css
|
||
App.js
|
||
App.test.js
|
||
index.css
|
||
index.js
|
||
logo.svg
|
||
```
|
||
|
||
For the project to build, **these files must exist with exact filenames**:
|
||
|
||
- `public/index.html` is the page template;
|
||
- `src/index.js` is the JavaScript entry point.
|
||
|
||
You can delete or rename the other files.
|
||
|
||
You may create subdirectories inside `src`. For faster rebuilds, only files inside `src` are processed by Webpack.<br>
|
||
You need to **put any JS and CSS files inside `src`**, otherwise Webpack won’t see them.
|
||
|
||
Only files inside `public` can be used from `public/index.html`.<br>
|
||
Read instructions below for using assets from JavaScript and HTML.
|
||
|
||
You can, however, create more top-level directories.<br>
|
||
They will not be included in the production build so you can use them for things like documentation.
|