插件webpack-bundle-analyzer中提到的vendor是干嘛的?

插件webpack-bundle-analyzer中提到的vendor是干嘛的?
最新回答
美丽范儿

2021-01-09 11:29:40

在构建过程中,我们常遇到两个模块共享同一个模块,如 lodash,这种情况下,我们倾向于将此模块独立提取,以减小总体体积。这个过程称为公共模块提取。通常,我们将 node_modules 中的模块提炼至 vendor 文件夹。

打包完成后,如项目体积庞大,分析构建结果文件中的模块分布,识别大体积模块,探索调整提取条件,降低总体体积,显得尤为重要。分析时,通常关注体积较大的模块,但全面分析文件能更深入理解打包过程。对文件进行筛选分析,可以更聚焦关键模块。

在使用 webpack-bundle-analyzer 进行分析时,会将分析页面部署到独立的服务器,需开启额外端口监听。若设置为静态页面模式,便无需启动额外端口。

注意,对于已过时的问题,可能由于搜索引擎的缓存机制或网络信息的更新延迟,导致您在搜索过程中遇到几年前的问题。这是正常现象,不必担心。