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
,请根据实际情况修改路径。