Tag: 外部依赖

如何分开捆绑供应商脚本,并根据需要使用Webpack?

我试图做一些我认为应该可能的事情,但是我真的不明白如何从webpack文档(在我看来这是一个解密和理解的地狱)中做到这一点。 我正在编写一个JavaScript库,其中有几个模块可能不相互依赖。 最重要的是,jQuery被所有模块使用,其中一些可能需要jQuery插件。 这个图书馆将被用于几个不同的网站,这可能需要一些或所有的模块。 定义我的模块之间的依赖关系非常简单,但是定义他们的第三方依赖关系似乎比我想象的要困难得多。 我想达到什么目的 :对于每个网站,我想有两个捆绑文件,其中一个具有必要的第三方依赖关系,另一个具有来自我的库的必要模块。 示例 :让我们想象一下,我的库有以下模块: 一个(需要:jquery,jquery.plugin1) b(需要:jquery,a) c(需要:jquery,jquery.ui,a,b) d(需要:jquery,jquery.plugin2,a) 我有一个网站(见它作为一个独特的入口文件),需要模块a,b和c。 这种情况下的Webpack应该生成以下文件: 供应商捆绑 :与jquery,jquery.plugin1和jquery.ui; 网站包 :模块a,b和c; 最后,我宁愿将jQuery作为一个全局的,所以我不需要在每个单独的文件(例如,我可能只需要在主文件,例如)要求它。 而且jQuery插件只会扩展$ global,以防需要它们(如果其他模块不需要这些模块,则不会有问题)。 假设这是可能的,这种情况下的webpackconfiguration文件的例子是什么? 我在configuration文件上尝试了几个加载器,外部和插件的组合,但是我并没有真正明白他们在做什么,应该使用哪些。 谢谢!