时间戳

首页 > 解决方案 > 导入时保留模块的代码拆分

javascript - 导入时保留模块的代码拆分

问题描述

我正在使用 Webpack 构建 NPM 模块。它里面有几个动态导入的模块。在生产构建步骤中，这意味着它会生成大约 8 个 JavaScript 文件。

当您npm install使用模块时，它只会带来构建文件夹而不是源文件。

问题是我正在尝试将此 NPM 模块使用到另一个也使用 Webpack 的项目中。即使我使用该cacheGroups功能仅针对我的 NPM 模块，当我只希望它保留已经存在的内容时，它也会将我的所有构建文件滚动到一个文件中。

这本身就很糟糕，因为它消除了代码拆分 - 但它也不起作用，因为文件仍在尝试访问不存在的单个文件。

我希望其他项目能够轻松地获得这个 NPM 模块提供的代码拆分的好处（它对加载时间有很大的影响。）在消费项目的 Webpack 配置中是否有一种简单的方法来实现这一点？

我唯一能想到的就是在 NPM 模块中提供源文件并指向那里作为入口。

标签： javascriptwebpackcode-splitting

解决方案

推荐阅读