create-react-app 项目的结构

🌙
手机阅读
本文目录结构
axihe

默认结构

创建后,您的项目应如下所示:

└─my-app
    │  .gitignore
    │  package.json
    │  README.md
    │  yarn.lock
    │
    ├─node_modules
    ├─public
    │      favicon.ico
    │      index.html
    │      logo192.png
    │      logo512.png
    │      manifest.json
    │      robots.txt
    │
    └─src
            App.css
            App.js
            App.test.js
            index.css
            index.js
            logo.svg
            serviceWorker.js
            setupTests.js

注意:我执行这条命令的时间是 2020 年 3 月 24 日,你执行的时候,可能版本有更新,这里仅供参考

https://a.axihe.com/react/create-react-app/powershell_XqPbrmKZ3c.png

自定义修改

为了构建项目,这些文件必须使用正确的文件名存在:

  • public/index.html 是页面模板;
  • src/index.js 是 JavaScript 的入口点。

除了这以外,您可以删除或重命名其他文件。

资源要在 src 下

您可以在中创建子目录src

为了加快重建速度,webpack 只处理 src 其中的文件。

您需要在 src 中放入 JS 和 CSS 文件 ,否则 webpack 将会找不到。

public 从中只能使用其中的文件 public/index.html

src以外的文件夹

但是,您可以创建更多顶级目录,用于文档之类的事情。

它们不会打包到生产版本中。

如果您安装了 Git,并且您的项目不属于较大的存储库,则将初始化一个新的存储库,

从而产生一个附加的顶层 .git 目录。


AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang