目录结构

目录概况

  1. .steamer -- steamer配置
  2. dist -- 生产环境代码
  3. |
  4. example -- 例子
  5. |------dev 开发环境代码
  6. |------src 例子源码
  7. |
  8. src -- 源代码
  9. |
  10. config -- 项目配置
  11. |------project.js -- 用户主要关注的项目配置,主要被webpack使用
  12. |------steamer.config.js -- 可由steamer生成,包括webserver, cdn, port, route
  13. |
  14. test -- 测试相关
  15. |------unit jest karma 单元测试用例
  16. |------mocks 测试用例模拟的数据
  17. |
  18. |
  19. tools -- 构建工具
  20. |
  21. |------feature -- 依赖安装脚本,对应 project.js 中的 config.webpack.style, config.webpack.template, config.webpack.js
  22. |------plugins -- webpack 插件配置,可在文件夹中新增文件,以添加新类型的插件
  23. |------rules -- webpack rules配置,可在文件夹中新增文件,以添加新类型的资源规则
  24. |——————script.js -- 开发,生产环境和karma的执行命令
  25. |——————server.js -- 开发环境服务器
  26. |——————webpack.base.js -- webpack核心配置,用户较少关注
  27. |
  28. .babelrc 使用 babel 进行编译的配置
  29. package.json npm 相关发布配置

更改生产环境目录

默认设置将生产环境的代码,都成生到 dist 目录下。如果你想使用其它的路径,你可以分别修改 config/project.js 里的配置:

  1. dist: distPath,