以前的研究:

正如webpack的wiki所说,可以使用分析工具来优化构建性能:

来自:https://github.com/webpack/docs/wiki/build-performance#hints-from-build-stats

来自构建统计数据的提示

有一个分析工具可以显示您的构建,并提供一些提示如何优化构建大小和构建性能.

您可以通过运行webpack --profile --json> stats.json来生成所需的JSON文件

我生成stats文件(可在此处)将其上传到webpack的analize工具
,在Hints选项卡下我告诉我使用prefetchPlugin:

来自:http://webpack.github.io/analyse/#hints

长模块构建链

使用预取来提高构建性能.从链的中间预取模块.

我从里面挖出网页,找到prefechPlugin上唯一可用的文档是这样的:

来自:https://webpack.js.org/plugins/prefetch-plugin/

PrefetchPlugin

new webpack.PrefetchPlugin([context], request)

对正常模块的请求,即使在需要之前解析和构建也是如此.这可以提高性能.尝试首先分析构建以确定聪明的预取点.

我的问题:

• 如何正确使用prefetchPlugin？
• 在Analyze工具中使用它的正确工作流程是什么？
• 我怎么知道prefetchPlugin是否有效？我该怎么测量呢？
• 从链中间预取模块意味着什么？

我真的很感激一些例子

请帮助我将这个问题作为下一个想要使用prefechPlugin和Analyze工具的开发人员的宝贵资源.谢谢.