阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      create-react-app 项目的结构

      默认结构

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

      └─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 目录。

      目录
      目录