使用具有动态导入功能的代码拆分包来反应NPM模块

时间:2018-12-06 03:12:19

标签: node.js reactjs npm webpack code-splitting

你好,我正在尝试创建一个托管在NPM上的复杂React NPM库,该库允许使用webpack进行动态导入的代码拆分。问题似乎在于,我无法在node_modules / sub-directory的lib目录中加载拆分后的代码块。

例如我得到的错误是:

Uncaught (in promise) Error: Loading chunk 1 failed.

代码分割的数据块正试图从已设置的publicPath加载,但是似乎没有办法从node_modules / sub-directory / lib中的同一目录加载数据块。

我一直在尝试使用 webpack_public_path 自由变量,该变量可以动态设置,但是似乎无法访问这些代码分割的文件。考虑到当今可用的所有复杂的可重复使用的React组件库,这似乎应该可行。

我想知道这是否有可能,如果没有,还有什么其他选择可以通过使用NPM库完成动态导入的代码拆分?

我唯一想到的是编写一个webpack插件,该插件在加载代码分割的块方面改变了webpack运行时脚本的工作方式。在我知道没有比这更有意义的更简单/更精细的解决方案之前,我不想走这条路。

这个问题很相似,但是没有给出实际答案。 Webpack code splitting to asynrounously load react components within a library

请让我知道是否需要进一步的解释。

谢谢

0 个答案:

没有答案