[英]What Does worker-loader Inline Do?
我的理解是以下 Webpack worker-loader 配置:
...
module: {
rules: [
{
test: /worker\.js/,
loader: "worker-loader",
options: {
inline: 'fallback',
}
}
{ ... }
]
}
...
会将工作文件(在本例中名为 worker.js)与其他 JS 文件捆绑到 output 文件中,从而产生单个文件 output。然后使用
import Worker from "worker-loader!./worker.js";
将成功加载 Worker。 测试了一下,好像是我理解错了。 inline
不会将 package worker 放入单个文件中; 它在 output 目录中创建一个单独的文件。
那么, inline
到底在做什么呢?
存在内联加载程序语法,允许您在特定实例中覆盖项目中 worker 的默认配置。 这可能包括为 webworker 分配文件名 output 之类的事情。
它在 Webpack@4.x 中更有用。 现在 Webpack@5.x 已经出来了,使用内联加载器的理由越来越少。
而且,在Webpack@5.x
中不需要 worker loader。
但现在有一些可能不受欢迎的消息 - 工作人员必须始终在自己的独立文件中,除非您将它们作为 blob 加载,这可能会对您的站点/应用程序产生安全隐患。
我的理解是以下 Webpack worker-loader 配置:
...
module: {
rules: [
{
test: /worker\.js/,
loader: "worker-loader",
options: {
inline: 'fallback',
}
}
{ ... }
]
}
...
会将工作文件(在本例中名为 worker.js)与其他 JS 文件捆绑到 output 文件中,从而生成单个文件 output。 然后使用在应用程序中加载文件
import Worker from "worker-loader!./worker.js";
将成功加载 Worker。 经过测试,似乎我误解了。 inline
不会将 package 工人放入单个文件中; 它在 output 目录中创建一个单独的文件。
那么, inline
到底在做什么呢?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.