SplitChunks共享模块异步加载

Question

我试图弄清楚如何配置Webpack 4的SplitChunks插件。如果我允许它将模块放在共享/公共块中，则这些模块似乎是异步加载的。

entry.js：

require("expose-loader?$!jquery");

这包括在页面中：

<script src="bundle.js"></script>
<script>
$(function() {
   // do something spectacular
});
</script>

没有SplitChunks，JQuery位于bundle.js内部，并且立即可用于页面。但是，一旦启用SplitChunks并将JQuery移到单独的块中，页面就会触发错误：$ is not defined

Answer 1

splitchunks的行为是正确的，唯一缺少的是要在任何地方使用的“暴露” $。

尝试ProvidePlugin：https://webpack.js.org/plugins/provide-plugin/#usage-jquery