ai-web-log

一个轻量级的浏览器日志捕获工具，将 console.log/warn/error/info 输出保存到本地文件。

特性

• 零依赖，轻量级
• 一行配置，无需额外启动服务器
• 支持 Vite 和 Webpack
• 日志自动写入 log/ 目录（与配置文件同级）
• 自动按日期分文件存储
• 页面关闭时不丢失日志

安装

npm install ai-web-log -D

使用

Vite

// vite.config.js
import { webLogVitePlugin } from 'ai-web-log/vite';

export default {
  plugins: [webLogVitePlugin()]
}

Webpack

// webpack.config.js
const { WebLogWebpackPlugin } = require('ai-web-log/webpack');

module.exports = {
  plugins: [new WebLogWebpackPlugin()]
}

完成！运行项目后，日志会自动写入：

your-project/
├── vite.config.js
├── log/
│   └── default/
│       └── 2026-06-29.log
└── ...

配置

webLogVitePlugin({
  logDir: 'log'  // 日志目录，默认 'log'，相对于 vite.config.js
})

日志格式

{
  "level": "log",
  "args": ["hello", { "key": "value" }],
  "timestamp": "2026-06-29T10:30:00.000Z",
  "url": "http://localhost:5173/"
}

License

MIT