mirror of
https://github.com/Moe-Sakura/frontend.git
synced 2026-03-15 04:53:18 +08:00
921dd61b59
* 移除 `vue-router` 依赖，简化项目结构。 * 更新 `package.json` 和 `pnpm-lock.yaml`，确保依赖项的整洁性。 * 优化服务工作者 `sw.js`，引入缓存策略和版本管理，提升 PWA 性能。 * 更新多个组件的样式，增强用户界面的视觉一致性。 * 调整 `vite.config.ts`，引入新的插件以支持服务工作者版本管理。
126 lines
3.2 KiB
TypeScript
126 lines
3.2 KiB
TypeScript
/**
|
||
* Vite 插件：Service Worker 版本自动注入
|
||
*
|
||
* 在构建时自动将版本信息注入到 sw.js 中
|
||
* 版本格式：构建时间戳的 base36 编码（如 "m5x7k9a"）
|
||
*/
|
||
|
||
import type { Plugin } from 'vite'
|
||
import { readFileSync, writeFileSync, existsSync } from 'fs'
|
||
import { resolve } from 'path'
|
||
import { execSync } from 'child_process'
|
||
|
||
interface SwVersionPluginOptions {
|
||
/** sw.js 文件路径（相对于 public 目录） */
|
||
swPath?: string
|
||
/** 是否包含 git commit hash */
|
||
includeGitHash?: boolean
|
||
/** 自定义版本前缀 */
|
||
prefix?: string
|
||
}
|
||
|
||
/**
|
||
* 生成版本号
|
||
* 格式：时间戳base36 + 可选的git短hash
|
||
*/
|
||
function generateVersion(includeGitHash: boolean, prefix: string): string {
|
||
const timestamp = Date.now().toString(36)
|
||
|
||
let gitHash = ''
|
||
if (includeGitHash) {
|
||
try {
|
||
gitHash = execSync('git rev-parse --short HEAD', { encoding: 'utf-8' }).trim()
|
||
} catch {
|
||
// git 不可用时忽略
|
||
}
|
||
}
|
||
|
||
const parts = [prefix, timestamp, gitHash].filter(Boolean)
|
||
return parts.join('-')
|
||
}
|
||
|
||
/**
|
||
* 获取构建信息
|
||
*/
|
||
function getBuildInfo(): Record<string, string> {
|
||
const info: Record<string, string> = {
|
||
buildTime: new Date().toISOString(),
|
||
nodeVersion: process.version,
|
||
}
|
||
|
||
try {
|
||
info.gitBranch = execSync('git branch --show-current', { encoding: 'utf-8' }).trim()
|
||
info.gitCommit = execSync('git rev-parse --short HEAD', { encoding: 'utf-8' }).trim()
|
||
} catch {
|
||
// git 不可用时忽略
|
||
}
|
||
|
||
return info
|
||
}
|
||
|
||
export function swVersionPlugin(options: SwVersionPluginOptions = {}): Plugin {
|
||
const {
|
||
swPath = 'sw.js',
|
||
includeGitHash = true,
|
||
prefix = '',
|
||
} = options
|
||
|
||
let version: string
|
||
let outDir: string
|
||
|
||
return {
|
||
name: 'sw-version-plugin',
|
||
|
||
// 配置阶段获取输出目录
|
||
configResolved(config) {
|
||
outDir = config.build.outDir
|
||
},
|
||
|
||
// 构建开始时生成版本号
|
||
buildStart() {
|
||
version = generateVersion(includeGitHash, prefix)
|
||
const buildInfo = getBuildInfo()
|
||
|
||
console.log('\n📦 SW Version Plugin')
|
||
console.log(` Version: ${version}`)
|
||
console.log(` Build Time: ${buildInfo.buildTime}`)
|
||
if (buildInfo.gitCommit) {
|
||
console.log(` Git: ${buildInfo.gitBranch}@${buildInfo.gitCommit}`)
|
||
}
|
||
console.log('')
|
||
},
|
||
|
||
// 构建完成后注入版本到 sw.js
|
||
closeBundle() {
|
||
const swFilePath = resolve(outDir, swPath)
|
||
|
||
if (!existsSync(swFilePath)) {
|
||
console.warn(`[sw-version-plugin] Warning: ${swPath} not found in ${outDir}`)
|
||
return
|
||
}
|
||
|
||
let content = readFileSync(swFilePath, 'utf-8')
|
||
|
||
// 注入版本号
|
||
// 方式1：替换 self.__SW_VERSION__
|
||
content = content.replace(
|
||
/self\.__SW_VERSION__/g,
|
||
`'${version}'`,
|
||
)
|
||
|
||
// 方式2：替换旧的硬编码版本（如果有）
|
||
content = content.replace(
|
||
/const SW_VERSION = ['"][^'"]*['"]/,
|
||
`const SW_VERSION = '${version}'`,
|
||
)
|
||
|
||
writeFileSync(swFilePath, content)
|
||
|
||
console.log(`✅ SW version injected: ${version}`)
|
||
},
|
||
}
|
||
}
|
||
|
||
export default swVersionPlugin
|
||
|