原项目构建

库地址：https://github.com/Steve-xmh/applemusic-like-lyrics

目标：正确运行 packages/core/src/test.ts 。

git clone <https://github.com/Steve-xmh/applemusic-like-lyrics.git>

pnpm install
cd .\\packages\\lyric
pnpm run build
cd ..\\ttml
pnpm run build
cd ..\\core
pnpm run dev

如果原本系统没有安装 wasm-pack，那么，还需要使用 cargo 安装一下，

cargo install wasm-pack

如果安装有问题，可以尝试更新 rust。

然后，填入歌词文件、歌曲和专辑图片的 url 地址即可，

引入包构建

版本要选对，嗯，就用库中声明的最新的版本，

    "@applemusic-like-lyrics/core": "0.2.0-alpha.5",
    "@applemusic-like-lyrics/lyric": "0.2.4",
		"@applemusic-like-lyrics/ttml": "0.1.1",

文档中的内容是过时的。所以，除了下面的这些要安装的库，

    "@pixi/app": "^7.4.3",
    "@pixi/core": "^7.4.3",
    "@pixi/display": "^7.4.3",
    "@pixi/filter-blur": "^7.4.3",
    "@pixi/filter-bulge-pinch": "^5.1.1",
    "@pixi/filter-color-matrix": "^7.4.3",
    "@pixi/sprite": "^7.4.3",
    "jss": "^10.10.0",
    "jss-preset-default": "^10.10.0",
    "lil-gui": "^0.20.0",
    "stats": "^1.0.0",
    "stats.js": "^0.17.0"

还要安装一些 dev 库，

    "@types/stats.js": "^0.17.4",
    "typescript": "^5.8.3",
    "vite": "^7.0.5",
    "vite-plugin-wasm": "^3.5.0"

还有，vite 的设置中，要声明 esnext，

import wasm from "vite-plugin-wasm";

export default {
  build: {
    target: ["esnext"],
  },
  plugins: [wasm()],
};

对了，test.ts 如果自己写，需要把 css 样式给带上，