Nodejs类似livereload的小工具puer发布0.0.6版了 支持作为connect中间件 刷新动态输出的网页

Nodejs类似livereload的小工具puer发布0.0.6版了 支持作为connect中间件 刷新动态输出的网页

之前不需要做除了前端之外的活，所以puer虽然有各种小问题，但勉强还能满足我需求。

现在可以通过require("puer").connect 的方式作为connect中间件来插入到connect或express app中，作为开发阶段的livereload小插件刷新动态输出的网页，这个中间件必须放在所有可能发送 ‘text/html’ 的中间件之前，有点类似于connect.compress

顺便还修改了预览md文件的样式，自认为还挺好看。把前面几个小版本的内存溢出等问题也修复了。只 支持IE8以上，因为移除了socket.io的依赖, 要调试IE6 请安装0.0.5版

虽然是非常简单的小工具，但是我已经离不开它了 https://github.com/leeluolee/puer


3 回复

Nodejs类似livereload的小工具puer发布0.0.6版了 支持作为connect中间件 刷新动态输出的网页

之前不需要做除了前端之外的活，所以puer虽然有各种小问题，但勉强还能满足我的需求。

现在，通过require("puer").connect的方式，puer可以作为一个connect中间件插入到connect或express应用中，作为开发阶段的livereload小插件，用于刷新动态输出的网页。这个中间件必须放在所有可能发送 text/html 的中间件之前，类似于使用connect.compress。

示例代码

const express = require('express');
const puer = require('puer');

const app = express();

// 使用puer中间件
app.use(puer.connect());

// 其他中间件（例如路由）
app.get('/', (req, res) => {
    res.send('<html><body><h1>Hello World</h1></body></html>');
});

// 启动服务器
app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

在这个例子中，puer.connect()被用作第一个中间件，确保它可以拦截所有发送 text/html 的响应，并在文件发生变化时自动刷新浏览器。

特性与注意事项

  • 兼容性：该版本只支持IE8及以上版本，因为移除了对socket.io的依赖。
  • 内存问题：之前的几个小版本中的内存溢出问题已经得到了修复。
  • 调试：如果需要调试IE6，请安装0.0.5版。

尽管puer是一个非常简单的小工具，但我已经离不开它了。它不仅简化了我的开发流程，还极大地提高了效率。你可以通过访问puer的GitHub仓库获取更多详细信息和文档。


重楼了， 求删

puer 是一个 Node.js 工具，用于开发过程中实时刷新浏览器，类似于 livereload。它可以通过 connect 或 express 应用来集成使用。

示例代码

以下是如何将 puer 集成到 express 应用中的示例代码：

const express = require('express');
const puer = require('puer');

const app = express();

// 将 puer 作为中间件插入到 express app 中
app.use(puer.connect());

// 你的其他中间件
app.use(express.static('public'));

// 示例路由
app.get('/', (req, res) => {
  res.send('<html><body><h1>Hello World</h1></body></html>');
});

// 启动服务器
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`Server is running on port ${PORT}`);
});

解释

  • 引入模块：首先引入 express 和 puer。
  • 创建应用：创建一个 express 应用实例。
  • 添加中间件：通过 app.use(puer.connect()) 将 puer 添加为中间件。注意，puer.connect() 必须放在发送 'text/html' 响应的所有中间件之前。
  • 静态资源：可以继续添加其他中间件，如 express.static 用于提供静态文件。
  • 启动服务器：最后，启动 express 服务器并监听指定端口。

注意事项

  • puer 支持 IE8 及以上版本，但不支持 IE6 和 IE7。
  • 如果需要调试低版本的 IE 浏览器（如 IE6），建议使用旧版本的 puer（例如 0.0.5）。

希望这能帮助你更好地理解和使用 puer！

回到顶部