目录结构

目录概况

  1. .steamer -- steamer配置
  2. dist    -- 生产环境代码
  3. |
  4. src     -- 源代码
  5. |——————css -- 公共样式
  6. |      |—— common 公共样式
  7. |      |—— sprites 生成的合图样式及图片
  8. |      |
  9. |——————img
  10. |      |——sprits 合图原图片
  11. |      |    |———— btn
  12. |      |
  13. |      js -- 公共js目录
  14. |      |—— common 公共js
  15. |      |
  16. |      libs -- 公共js库，如zepto, jquery等
  17. |      |
  18. |      |
  19. |      page —— 页面逻辑
  20. |      |
  21. |      |—— common 公共页面逻辑
  22. |      |—— index 首页逻辑
  23. |      |
  24. |      |
  25. |------favicon.ico
  26. |      |
  27. |      |
  28. config -- 项目配置
  29. |------project.js -- 用户主要关注的项目配置，主要被webpack使用
  30. |------steamer.config.js -- 可由steamer生成，包括webserver, cdn, port, route等
  31. |      |
  32. |      |
  33. tools  -- 构建工具
  34. |
  35. |
  36. |------feature -- 依赖安装脚本，对应 project.js 中的 config.webpack.style, config.webpack.template, config.webpack.js
  37. |------optimization -- webpack 优化配置，如压缩，拆包等
  38. |------plugins -- webpack 插件配置，可在文件夹中新增文件，以添加新类型的插件
  39. |------rules -- webpack rules配置，可在文件夹中新增文件，以添加新类型的资源规则
  40. |——————template -- 项目开发模板
  41. |——————script.js -- 开发和生产环境的执行命令
  42. |——————server.js -- 开发环境服务器
  43. |——————webpack.base.js -- webpack核心配置，用户较少关注

更改生产环境目录

默认设置将生产环境的代码，都成生到 dist 目录下，而目录下又再进一步划分为 cdn 和 webserver。如果你想使用其它的路径，你可以分别修改 config/project.js 里的如下配置：

  1. distCdn: "cdn",
  2. distWebserver: "webserver"