我一直在阅读针对网络工作者的Vite文档,其中提到使用“查询后缀”导入文件,我从未遇到过这种情况,并且不确定要搜索什么来了解更多信息。我不确定这是 Node.js、Vite.js 原生的,还是 Vite 内置的插件。
这是我所指的具体部分:
可以通过在导入请求中附加 ?worker 或 ?sharedworker 来直接导入 Web Worker 脚本。默认导出将是自定义工作构造函数:
import MyWorker from './worker?worker'
const worker = new MyWorker()
工作脚本还可以使用 import 语句而不是 importScripts() - 请注意,在开发过程中,这依赖于浏览器本机支持,目前仅适用于 Chrome,但对于生产版本,它会被编译掉。
默认情况下,工作脚本将在生产版本中作为单独的块发出。如果您希望将工作程序内联为 base64 字符串,请添加内联查询:
import MyWorker from './worker?worker&inline'
如果您希望以 URL 形式检索工作人员,请添加 url 查询:
import MyWorker from './worker?worker&url'
有关配置所有工作人员捆绑的详细信息,请参阅工作人员选项。
我在 import
import.meta
上的这个 MDN 页面看起来很像我正在寻找的内容。我尝试遵循该线索,但这并没有帮助我更好地理解这个 Vite 功能。
?worker
查询后缀是
import.meta
的自定义Vite实现吗?
import MyWorker from './worker?worker'
const worker = new MyWorker()