Directory Guide

静态资源目录规范指南。

【强制】 所有资源类型必须按以下目录放置；

工作流默认目录

  1. src/                                # static resource directory
  2. |
  3. |-- css/                            # all generated CSS
  4. |   |-- global.sss                  # the global stylesheet
  5. |   ...
  6. |
  7. |-- img/                            # all images
  8. |   |-- bg-body.jpg                 # body background
  9. |   ...
  10. |
  11. |-- js/                             # all javascript files
  12. |   |-- main.js                     # general documentation
  13. |   |-- vendor                      # third-party plugins
  14. |       |-- modernizr-2.8.3.min.js
  15. |       |-- ...
  16. |   ...
  17. |
  18. |-- sass/                           # all SASS files
  19. |   |-- global.scss                 # the global SASS
  20. |   |-- _slice.scss                 # automatic img to css
  21. |   |-- base                        # the base SASS
  22. |       |-- _base.scss
  23. |       |-- _mixins.scss
  24. |       |-- _normalize.scss
  25. |   |-- lego                        # the LEGO UI SASS
  26. |       |-- _lego.scss
  27. |       |-- _ui-box.scss
  28. |       |-- _ui-tab.scss
  29. |       |-- ...
  30. |   |-- biz1                        # the business SASS
  31. |       |-- ...
  32. |   |-- biz2                        # the business SASS
  33. |       |-- ...
  34. |
  35. |-- tpl/                            # the templates
  36. |   |-- ...
  37. |
  38. `-- index.html                      # the html file

完整目录

  • 当该项目为中大型项目或长期维护项目时，请手动添加README.md填写相关文档，文档参考模板；
  • 当该项目有需要使用web字体时时，请手动添加font目录放置字体文件，如有多个字体，请分开文件夹存放；
  • 当该项目有需要使用flash文件时，请手动添加swf目录放置flash文件；
  1. src/                                # static resource directory
  2. |
  3. |-- css/                            # all generated CSS
  4. |   |-- global.sss                  # the global stylesheet
  5. |   ...
  6. |
  7. |-- img/                            # all images
  8. |   |-- bg-body.jpg                 # body background
  9. |   ...
  10. |
  11. |-- js/                             # all javascript files
  12. |   |-- main.js                     # general documentation
  13. |   |-- vendor                      # third-party plugins
  14. |       |-- modernizr-2.8.3.min.js
  15. |       |-- ...
  16. |   ...
  17. |
  18. |-- sass/                           # all SASS files
  19. |   |-- global.scss                 # the global SASS
  20. |   |-- _slice.scss                 # automatic img to css
  21. |   |-- base                        # the base SASS
  22. |       |-- _base.scss
  23. |       |-- _mixins.scss
  24. |       |-- _normalize.scss
  25. |   |-- lego                        # the LEGO UI SASS
  26. |       |-- _lego.scss
  27. |       |-- _ui-box.scss
  28. |       |-- _ui-tab.scss
  29. |       |-- ...
  30. |   |-- biz1                        # the business SASS
  31. |       |-- ...
  32. |   |-- biz2                        # the business SASS
  33. |       |-- ...
  34. |
  35. |-- font/                           # all web fonts
  36. |   ...
  37. |
  38. |-- swf/                            # the flash files
  39. |   |-- logo-duowan.swf
  40. |   |-- ...
  41. |
  42. |-- tpl/                            # the templates
  43. |   |-- ...
  44. |
  45. `-- README.md                       # the project document
  46. `-- index.html                      # the html file