工人-装载机内联做什么？

Question

我的理解是，下面的Webpack工人装载机配置：

...
module: {
    rules: [
        {
            test: /worker\.js/,
            loader: "worker-loader",
            options: {
                inline: 'fallback',
            }
        }
        { ... }
    ]
}
...

将一个工作文件(在本例中名为worker.js )与其他JS文件捆绑到输出文件中，从而产生单个文件输出。然后使用以下方法在应用程序中加载文件

import Worker from "worker-loader!./worker.js";

将成功地加载工作人员。在测试之后，我似乎被误解了。inline不会将工作人员打包到单个文件中；它会在输出目录中创建一个单独的文件。

那么，inline到底在做什么呢？

Answer 1

内联加载程序语法允许您在特定实例中覆盖项目中工作人员的默认配置。这可能包括为webworker分配一个文件名以输出。

它在Webpack@4.x中更有用。现在Webpack@5.x已经发布了，使用内联装载机的理由越来越少了。

更重要的是，在Webpack@5.x中不需要工作加载程序。

但是现在对于一些可能不受欢迎的新闻工作者来说，他们必须总是在他们自己的独立文件中，除非你把它们作为一个小块来加载，这可能会对你的站点/应用程序产生安全影响。