Design.io不能热压代码

Question

我试图将design.io与node.js Express一起使用，将css/javascript热推到浏览器中，我复制了示例https://github.com/viatropos/design.io-example，但在此之后无法进行热部署。

1. 遵循https://github.com/viatropos/design.io-example/README.md中的说明

外壳-1-项目-dir> design.io --手表./src

错误:未知选项`--watch'

• following https://github.com/viatropos/design.io/README.md上的指令

shell-1-project-dir> design.io start

外壳-2-项目-dir> design.io手表

2012年5月6日，太阳03:52:04格林尼治时间信息更新视图/.index.jade.swp

太阳报，2012年5月6日03:52:04格林尼治时间信息更新视图/索引。

2012年5月6日，太阳04:03:11格林尼治时间信息更新视图/.index.jade.swp

太阳，2012年5月6日04:03:11格林尼治时间信息更新视图/索引。

为此，我无法访问http://localhost:4181/，因为node.js尚未启动。我不得不启动node.js。

shell-1-project-dir>节点server.js

但是，这并不会热推更改后的index.jade文件.

似乎这个例子已经过时了？

我该怎么做？

环境规划署：

 OSX-LION
 node 0.6.15

Answer 1

首先，可以让节点服务器在不同的终端窗口中运行(不需要运行design.io服务器或节点服务器，只要它们位于不同的端口，就可以同时运行)。

第二，我不认为这能达到你想要的效果。Design.io似乎用于注入对静态客户端文件(如样式表和javascript文件)所做的更改。您更改一个.css文件，design.io将看到更改并将其广播到浏览器，浏览器中的design.io强制重新加载样式表，完成更改的热压。

Jade文件是一个不同的故事，它们需要经过解释器处理后才能被发送到浏览器(浏览器不理解翡翠文件)。Design.io将看到更改，但不能做任何事情，因为Node.js需要处理新文件并向浏览器发送更新的响应。这样做的唯一方法是刷新浏览器页面(从而发送新请求)，这并不是真正的热交换。