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