react 項目 結構

 轉載地址：https://blog.csdn.net/cinderella___/article/details/81603129

build                   // 編譯目錄
config                  // webpack配置
public                  // 公共文件 可以放一些第三方字體 樣式庫等
scripts                 // 啓動腳本
src
  |-- asset             // 靜態資源
  |-- components        // 公共組件目錄 當業務需要拆分組件的時候，可以在對應的業務文件夾下單獨創建一個components文件夾
  |-- models            // 公共model存放位置
    |-- index.js        // model 入口文件，所有的業務model都需要在這裏登記纔可以使用
  |-- pages             // 容器組件
    |-- demo            // 業務容器
      |-- DemoPage.jsx  // 業務入口 我們約定入口文件後都帶一個“Page”字樣
      |-- DemoPage.less // 業務樣式
      |-- demoModel.js  // 業務Model 如果當前業務需要拆分成多個業務可以創建一個models文件夾在統一存放
      |-- demoApi.js    // 業務api 如果當前業務需要拆分成多個業務可以創建一個services文件夾在統一存放
  |-- services          // 公共api存放
  |-- utils             // 工具
  |-- global.less       // 樣式變量 方法
  |-- index.js          // 入口文件
  |-- index.less        // 全局樣式 覆蓋樣式
  |-- router.js         // 基礎路由
.eslintignore          // eslint過濾文件清單
.eslintrc.js            // eslint配置
.gitignore
package.json  
README.md