如何将grunt connect的端口传递给grunt jasmine任务？

你已经找对了核心思路——利用connect的监听事件捕获实际端口，但需要调整任务的异步处理逻辑才能让它正常工作。以下是完整的最佳实践方案：

1. 更新Connect配置，启用useAvailablePort #

首先修改你的connect配置，添加useAvailablePort: true，保留原port作为初始尝试值：

connect: {
  test: {
    options: {
      keepalive: false,
      hostname: 'localhost',
      port: 1234, // 作为优先尝试的端口，useAvailablePort会自动切换到可用端口
      useAvailablePort: true, // 关键：启用动态端口分配
      base: ['.']
    }
  }
}

2. 重构Test任务，异步捕获端口并更新Jasmine配置 #

问题出在你的原任务没有标记为异步，Grunt会在启动connect后直接结束任务，不会等待监听事件触发。调整后的任务如下：

grunt.registerTask('test', 'Run jasmine unit tests', function () {
  // 标记任务为异步，告诉Grunt等待事件完成再结束
  var done = this.async();

  // 监听connect.test目标的监听事件，只触发一次
  grunt.event.once('connect.test.listening', function(host, port) {
    // 构造正确的Jasmine host（注意末尾的斜杠，和原配置保持一致）
    var jasmineHost = `http://${host}:${port}/`;
    grunt.log.writeln('Running jasmine tests from: ' + jasmineHost );
    
    // 更新Jasmine的host配置
    grunt.config.set('jasmine.js.options.host', jasmineHost);
    
    // 运行Jasmine任务，完成后标记异步任务结束
    grunt.task.run('jasmine:js');
    done();
  });

  // 启动Connect测试服务
  grunt.task.run('connect:test');
});

关键细节说明 #

• this.async()：必须调用这个方法让Grunt知道这是一个异步任务，否则它会在启动connect后立刻结束，不会等待端口监听事件触发。
• connect.test.listening事件：当connect的test目标成功绑定端口后，会触发这个事件，传递实际使用的host和port参数。
• 保持路径一致性：构造jasmineHost时保留末尾的斜杠，和你原配置中的'http://localhost:1234/'格式一致，避免Jasmine加载文件时出现路径错误。

这样调整后，当你运行grunt test时，Connect会自动找到可用端口，然后Jasmine会使用这个动态端口的host来执行测试，完美解决并发构建的端口冲突问题。

内容的提问来源于stack exchange，提问作者DaveJohnston