Build配置

CabloyJS提供了一个配置文件，用于集中管理构建与运行的基本配置

{project}/build/config.js

  1. 1// backend
  2. 2const backend = {
  3. 3  port: 7102,
  4. 4  hostname: '0.0.0.0',
  5. 5};
  6. 6
  7. 7// front
  8. 8const front = {
  9. 9  build: {
  10. 10    productionSourceMap: true,
  11. 11    uglify: true,
  12. 12  },
  13. 13  dev: {
  14. 14    // hostname: 'localhost',
  15. 15    // hostname: '192.168.0.100',
  16. 16    port: 9192,
  17. 17    // proxyBaseURL: 'http://localhost:7002',
  18. 18  },
  19. 19};
  20. 20
  21. 21module.exports = {
  22. 22  front,
  23. 23  backend,
  24. 24};

1. 后端运行配置

名称 说明
backend.port 后端服务port
backend.hostname 后端服务ip

2. 前端构建配置

名称 说明
front.build.productionSourceMap 是否生成SourceMap文件
front.build.uglify 是否uglify代码

3. 前端开发配置

名称 说明
front.dev.hostname 前端开发服务hostname
front.dev.port 前端开发服务port
front.dev.proxyBaseURL 代理至其他PC的后端服务

最佳实践：团队前后端分离开发

由于CabloyJS是前后端分离的架构，因此如果我们的团队也是前后端分离配置，那么前端人员和后端人员可以分别创建两个独立的Cabloy项目。我们可以分别称之为前端项目和后端项目。然后在前端项目中设置front.dev.proxyBaseURL，指向后端项目的后端服务，即可实现联调测试

最佳实践：手机端真机调试

如果我们想用手机端访问前端开发服务，从而实现真机调试，只需设置front.dev.hostname。比如，前端开发PC的IP地址是192.168.0.100，那么设置为该值，然后启动前端开发服务，那么手机端就可以通过如下地址访问系统：http://192.168.0.100:9192