100 lines
3.0 KiB
JavaScript
100 lines
3.0 KiB
JavaScript
// 静态生成构建脚本
|
||
const fs = require('fs');
|
||
const path = require('path');
|
||
const { execSync } = require('child_process');
|
||
|
||
// CDN基础URL
|
||
const CDN_BASE_URL = 'https://cdn.web.0rui.cn/';
|
||
|
||
// 输出目录
|
||
const OUTPUT_DIR = path.resolve(__dirname, '../.output/public');
|
||
|
||
// 执行静态生成
|
||
console.log('开始执行静态生成...');
|
||
try {
|
||
// 执行nuxt generate命令
|
||
execSync('npm run generate', { stdio: 'inherit' });
|
||
console.log('静态生成完成！');
|
||
|
||
// 检查输出目录是否存在
|
||
if (!fs.existsSync(OUTPUT_DIR)) {
|
||
console.error('错误：输出目录不存在！');
|
||
process.exit(1);
|
||
}
|
||
|
||
console.log('开始处理HTML文件中的图片路径...');
|
||
|
||
// 递归处理目录中的所有HTML文件
|
||
processDirectory(OUTPUT_DIR);
|
||
|
||
console.log('所有HTML文件处理完成！');
|
||
console.log(`静态网站已生成到: ${OUTPUT_DIR}`);
|
||
console.log('可以使用 npm run preview 预览生成的静态网站');
|
||
} catch (error) {
|
||
console.error('构建过程中发生错误:', error);
|
||
process.exit(1);
|
||
}
|
||
|
||
/**
|
||
* 递归处理目录中的所有HTML文件
|
||
* @param {string} dir 目录路径
|
||
*/
|
||
function processDirectory(dir) {
|
||
const files = fs.readdirSync(dir);
|
||
|
||
for (const file of files) {
|
||
const filePath = path.join(dir, file);
|
||
const stat = fs.statSync(filePath);
|
||
|
||
if (stat.isDirectory()) {
|
||
// 递归处理子目录
|
||
processDirectory(filePath);
|
||
} else if (file.endsWith('.html')) {
|
||
// 处理HTML文件
|
||
processHtmlFile(filePath);
|
||
}
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 处理HTML文件中的图片路径
|
||
* @param {string} filePath HTML文件路径
|
||
*/
|
||
function processHtmlFile(filePath) {
|
||
console.log(`处理文件: ${path.relative(OUTPUT_DIR, filePath)}`);
|
||
|
||
let content = fs.readFileSync(filePath, 'utf8');
|
||
|
||
// 替换HTML中的图片路径
|
||
// 匹配 src="public/img/xxx.png" 模式
|
||
content = content.replace(/src=\"(public\/img\/[^\"]+)\"/g, (match, p1) => {
|
||
return `src=\"${CDN_BASE_URL}${p1.replace('public/', '')}\"`;
|
||
});
|
||
|
||
// 匹配 src=\"/public/img/xxx.png\" 模式
|
||
content = content.replace(/src=\"(\/public\/img\/[^\"]+)\"/g, (match, p1) => {
|
||
return `src=\"${CDN_BASE_URL}${p1.replace('/public/', '')}\"`;
|
||
});
|
||
|
||
// 匹配 src=\"/img/xxx.png\" 模式
|
||
content = content.replace(/src=\"(\/img\/[^\"]+)\"/g, (match, p1) => {
|
||
return `src=\"${CDN_BASE_URL}${p1.replace('/img/', '')}\"`;
|
||
});
|
||
|
||
// 匹配 src=\"img/xxx.png\" 模式
|
||
content = content.replace(/src=\"(img\/[^\"]+)\"/g, (match, p1) => {
|
||
return `src=\"${CDN_BASE_URL}${p1.replace('img/', '')}\"`;
|
||
});
|
||
|
||
// 移除_nuxt前缀的图片路径
|
||
content = content.replace(/src=\"\/_nuxt\/img\/([^\"]+)\"/g, (match, p1) => {
|
||
return `src=\"${CDN_BASE_URL}${p1}\"`;
|
||
});
|
||
|
||
// 匹配 src="/_nuxt/assets/images/xxx.png" 模式
|
||
content = content.replace(/src=\"\/_nuxt\/assets\/images\/([^\"]+)\"/g, (match, p1) => {
|
||
return `src=\"${CDN_BASE_URL}${p1}\"`;
|
||
});
|
||
|
||
fs.writeFileSync(filePath, content, 'utf8');
|
||
} |