Manifest 文件
vite-plugin-public-typescript 编译 inputDir 目录下的 .ts 文件,生成 manifest 文件,用于获取编译后的文件路径。
默认情况下,manifest 文件会被生成在 node_modules/.vite-plugin-public-typescript 中,你可以修改 cacheDir 选项来指定生成目录。
获取 Manifest
有这些方式可以获取到 manifest:
1. 虚拟文件
ts
import { manifest } from 'virtual:public-typescript-manifest'2. injectScripts 插件
ts
import { defineConfig } from 'vite'
import { injectScripts } from 'vite-plugin-public-typescript'
export default defineConfig({
plugins: [
injectScripts((manifest) => [
{
attrs: {
src: manifest.hello,
},
},
]),
],
})3. injectScriptsToHtml
TIP
此方法仅适用于 node 环境。
ts
import { injectScriptsToHtml } from 'vite-plugin-public-typescript'
const html = injectScriptsToHtml('Your Html Content', (manifest) => {
return [
{
attrs: {
src: manifest.hello,
},
injectTo: 'body',
},
]
})4. 直接导入 manifest 文件
ts
import manifest from 'node_modules/.vite-plugin-public-typescript/manifest.json'如果修改了 cacheDir,请根据实际情况修改路径。