Webpack 4共享代码是重复的，而不是加载一次

问题描述

我有以下代码段。

// util.js

const componentsList = {}

export const addComponents = (componentsToAdd) => {
  componentsList = { ...componentsList,componentsToAdd };
}

例如在多个地方使用

// page1.js

import { addComponents } from './utils'

const page1Componens = ...

addComponents(page1Componens );

// page2.js

import { addComponents } from './utils'

const page2Componens = ...

addComponents(page2Componens );

在Webpack v3中，这很好，但是当我升级到Webpack v4时，它的表现不符合预期。函数addComponents的每次调用都将componentsList变量设为空，因此并非所有组件都在加载。

在我看来，该功能未共享，因此导致了这种行为。

有人可以协助我重新进行此工作吗？

谢谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）