目录结构

飞冰将前端开发领域的最佳实践集成在 icekit pro 模板中，pro 模板目录结构如下：

  1. ├── mock/                          # 本地模拟数据
  2. │   ├── index.js
  3. ├── public/                        # 静态文件，构建时会 copy 到 build/ 目录
  4. │   ├── index.html                 # 应用入口 HTML
  5. │   └── favicon.png                # Favicon
  6. ├── src/
  7. │   ├── components/                # 自定义业务组件
  8. │   │   └── Guide/
  9. │   │       ├── index.jsx
  10. │   │       └── index.module.scss
  11. │   ├── layouts/                   # 布局组件
  12. │   │   └── BasicLayout
  13. │   │       ├── index.jsx
  14. │   │       └── index.module.scss
  15. │   ├── pages/                     # 页面
  16. │   │   └── Home/                  # Home 页面
  17. │   │       ├── components/        # 页面级自定义业务组件
  18. │   │       ├── index.jsx          # 页面入口
  19. │   │       └── index.module.scss  # css module 样式
  20. │   ├── config/                    # 配置信息
  21. │   │   ├── dataSource.js          # 数据源配置
  22. │   │   ├── routes.js              # 路由配置
  23. │   │   └── menu.js                # 导航菜单配置
  24. │   ├── stores/                    # [可选]全局状态管理
  25. │   │   └── user.js
  26. │   ├── locales/                   # [可选]国际化资源
  27. │   │   ├── en-US
  28. │   │   └── zh-CN
  29. │   ├── utils/                     # 工具库
  30. │   │   └── request.js             # 通用的数据源请求方法
  31. │   ├── global.scss                # 全局样式
  32. │   ├── router.jsx                 # 路由渲染组件，依赖 config/routes.js
  33. │   └── index.jsx                  # 应用入口脚本
  34. ├── ice.config.js                  # 项目工程配置，包含插件配置及自定义 `webpack` 配置等
  35. ├── README.md
  36. ├── package.json
  37. ├── .editorconfig
  38. ├── .eslintignore
  39. ├── .eslintrc.js
  40. ├── .gitignore
  41. ├── .stylelintignore
  42. └── .stylelintrc.js

public

我们约定 public 目录下的文件会在 dev 和 build 时被自动 copy 到输出目录（默认是 ./build）下。所以可以在这里存放 favicon, index.html 等静态文件。