Javascript Webpack-手动创建异步共享块
在Webpack中,我将如何创建一个只包含我指定的内容的普通(非条目)异步块 例如,假设我有Javascript Webpack-手动创建异步共享块,javascript,webpack,Javascript,Webpack,在Webpack中,我将如何创建一个只包含我指定的内容的普通(非条目)异步块 例如,假设我有moduleA和moduleB。两者都是通过系统按需加载的。导入moduleA和moduleB都使用/shared目录中的各种内容。我将如何创建一个异步块,其中包含(仅)shared中的所有内容?(在现实生活中,不仅仅是moduleA和moduleB在shared中共享内容) 最接近显示的似乎是chunks数组,但这似乎是要分析公共内容的块,这些内容将被提取到公共块中 此问题是(由网页包创建者编写的)的扩
moduleA
和moduleB
。两者都是通过系统按需加载的。导入moduleA
和moduleB
都使用/shared
目录中的各种内容。我将如何创建一个异步块,其中包含(仅)shared中的所有内容?(在现实生活中,不仅仅是moduleA
和moduleB
在shared
中共享内容)
最接近显示的似乎是chunks
数组,但这似乎是要分析公共内容的块,这些内容将被提取到公共块中
此问题是(由网页包创建者编写的)的扩展
我只是想知道如何(如果可能的话)通过手动指定进入公共块的内容,对进入公共块的内容进行更大、更细粒度的控制 此插件将所有模块从shared
移动到一个单独的异步公共块中,这些模块从至少两个具有公共父级的按需加载块中使用
如果您知道公共父块(即路由器),您可以选择传递名称参数
DllPlugin听起来有点像您想要的,只是我不确定异步加载方面。你看过吗?如果没有,我有几个链接到关于DllPlugin的文章。
new CommonsChunkPlugin({
async: true,
children: true,
minChunks: function(module, count) {
return module.resource &&
module.resource.indexOf("/path/to/shared/") === 0 &&
count >= 2;
}
})