JavaScript Vite 构建中怎么在构建失败时触发告警通知-js教程-PHP中文网

vite构建失败时通过node.js脚本捕获异常并调用钉钉等api发送告警，需在ci环境启用、敏感信息从环境变量读取。

javascript vite 构建中怎么在构建失败时触发告警通知

在 Vite 构建失败时触发告警通知，核心思路是**拦截构建过程的错误、捕获异常，并通过脚本调用外部服务（如邮件、钉钉、企业微信、飞书等）发送通知**。Vite 本身不内置告警机制，需结合构建脚本、Node.js 错误处理和第三方通知 API 实现。

监听 vite build 命令的退出状态

Vite CLI 在构建失败时会以非零状态码（如 1）退出。可在 shell 脚本中判断执行结果，失败后触发通知逻辑：

Linux/macOS（package.json scripts 示例）：

"scripts": {
  "build": "vite build || npm run notify:fail"
}

Windows 需用 cross-env 或 PowerShell 脚本适配，推荐统一用 Node.js 脚本控制流程，更可靠。

用自定义 Node.js 脚本封装构建并捕获错误

创建 scripts/build.js，调用 Vite 的 Node API，显式捕获构建异常：

Java Maven Code Review

审查Java Maven项目（ZIP压缩包或GitLab仓库URL），检查代码规范、命名、模块边界、可维护性问题以及重复代码。

下载

import { build } from 'vite';

async function run() {
  try {
    await build({
      // 可传入 vite.config.js 路径或配置对象
      configFile: './vite.config.js',
      mode: 'production'
    });
    console.log('✅ 构建成功');
  } catch (err) {
    console.error('❌ 构建失败：', err.message);
    await sendAlert(`构建失败：${err.message?.slice(0, 200) || '未知错误'}`);
  }
}

run();

再在 package.json 中替换构建命令：

"scripts": {
  "build": "node scripts/build.js"
}

实现 sendAlert —— 发送钉钉/企业微信/邮件等通知

以钉钉机器人（Webhook）为例（需先在钉钉群中添加自定义机器人并获取 Webhook URL）：

import { createRequire } from 'module';
const require = createRequire(import.meta.url);
const https = require('https');

async function sendAlert(text) {
  const message = {
    msgtype: 'text',
    text: { content: `[Vite 构建告警] ${new Date().toLocaleString()} \n${text}` }
  };

  return new Promise((resolve, reject) => {
    const req = https.request(
      {
        method: 'POST',
        hostname: 'oapi.dingtalk.com',
        path: '/robot/send?access_token=YOUR_WEBHOOK_TOKEN',
        headers: { 'Content-Type': 'application/json' }
      },
      (res) => res.statusCode === 200 ? resolve() : reject(new Error(`HTTP ${res.statusCode}`))
    );

    req.on('error', reject);
    req.write(JSON.stringify(message));
    req.end();
  });
}