可以直接通过 <script> 标签在前端引用 ExcelJS，直接从 CDN 加载。下面是如何在 HTML 文件中直接引用 ExcelJS 并生成 Excel 文件的示例。
步骤
在 HTML 文件中通过
<script>标签加载ExcelJS。编写生成 Excel 文件的 JavaScript 代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ExcelJS Demo</title>
</head>
<body>
<button onclick="generateExcel()">生成 Excel 文件</button>
<!-- 加载 ExcelJS 库 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/exceljs/4.3.0/exceljs.min.js"></script>
<script>
async function generateExcel() {
// 创建一个新的工作簿
const workbook = new ExcelJS.Workbook();
const worksheet = workbook.addWorksheet('示例工作表');
// 添加标题行
worksheet.addRow(['姓名', '年龄', '职业']);
// 添加数据行
worksheet.addRow(['张三', 25, '工程师']);
worksheet.addRow(['李四', 30, '设计师']);
worksheet.addRow(['王五', 28, '产品经理']);
// 设置列宽（可选）
worksheet.columns = [
{ header: '姓名', key: 'name', width: 10 },
{ header: '年龄', key: 'age', width: 10 },
{ header: '职业', key: 'job', width: 15 },
];
// 将文件保存为 Blob 对象，并下载
const buffer = await workbook.xlsx.writeBuffer();
const blob = new Blob([buffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
// 创建下载链接
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = '示例.xlsx';
a.click();
// 释放 URL 对象
URL.revokeObjectURL(url);
}
</script>
</body>
</html>