react js 中的供应商捆绑包

问题描述 投票:0回答:0

我使用延迟加载分发包,reactApp.bundle 的大小显着减小,并且确实改善了应用程序的加载。 在 bundles 文件夹中,我创建了 bundle 文件,其名称表示到 bundle 文件为示例记录的组件的路由: 文件:src_pages_employees_index_js.bundle.js 记录文件内容: src>页面>员工>index_js

src,这是 reactApp.js 文件所在的文件夹,它被记录为 -webpack.config.js 文件中 module.exports 的起点

所以:

module.exports = { entry: { reactApp: path.resolve(__dirname, "./src/reactApp.js"), },

在 bundles 文件夹中,我还有以 vendors 开头的附加文件,例如: vendors-node_modules_material-table_exporters_index_js-node_modules_material-ui_core_esm_Box_-54c6ff.bundle

以 vendors 开头的 bundle 文件也随着开发的进行而继续增加,我试图了解它们的来源是什么以便处理它们的拆分,我们在项目中没有名为 vendors 的文件夹,唯一提到的我发现是一个位于 node_modules 内的 json 文件,路径如下: node_modules>ci-info>vendors.json

好像没有什么联系,但是有道理,我看不懂其中的联系,以及如何定位记录这些文件中内容的原因,以便处理它们的分裂,

我正在尝试查找以 vendors 开头的捆绑文件中记录的文件是什么

reactjs webpack lazy-loading
© www.soinside.com 2019 - 2024. All rights reserved.