在Webpack中加载依赖项组

时间:2016-04-13 16:40:05

标签: javascript webpack single-page-application

Webpack使得将事物捆绑在一起变得非常容易,并且异步地需要单个块。

但是我无法解决如何延迟只需要我的应用程序的几个部分所需的一组依赖项。

由于它是一个SPA,我想避免使用<script>标记,并在用户到达应用程序的相关部分时加载一组较大的(即大括号,esprima,lodash等)依赖项

这类似于供应商拆分方法,除了我只需要用于导航,注册,登录等的基本模块。当在框中使用块时,它会复制每个块的这些依赖关系,因此它们是常见的依赖关系 - 但是我我想拥有多个共同的捆绑;并且能够在需要时异步加载它。

1 个答案:

答案 0 :(得分:0)

这称为代码拆分。 (Webpack Code Splitting)看看Webpack网站上的#34;简介&#34;细分如何运作。大多数教程都引用了关键路径渲染的代码拆分,但概念是相同的,应该适用于您的情况。

我建议为依赖包创建一个条目,然后引用每个模块。虽然理论上你应该能够独立于&#34;捆绑的依赖关系来为每个模块提供依赖关系,但是我遇到了webpack的问题,当被单独的bundle引用时依赖关系被重新初始化,这会导致依赖关系出现问题是单身人士。