Javascript Webpack 4共享代码被复制，而不是加载一次_Javascript_Webpack_Webpack 4_Webpack 3

Javascript Webpack 4共享代码被复制，而不是加载一次

javascript webpack

Javascript Webpack 4共享代码被复制，而不是加载一次,javascript,webpack,webpack-4,webpack-3,Javascript,Webpack,Webpack 4,Webpack 3,我有以下代码片段 //util.js 常量组件列表={} export const addComponents=（componentsToAdd）=>{ componentsList={…componentsList，componentsToAdd}； } 例如，它被用于多个地方 //page1.js 从“/utils”导入{addComponents} 常量页面1组件=。。。添加组件（第1页组件）； //page2.js 从“/utils”导入{addComponents} 常量Page

我有以下代码片段

//util.js
常量组件列表={}
export const addComponents=（componentsToAdd）=>{
componentsList={…componentsList，componentsToAdd}；
}

例如，它被用于多个地方

//page1.js
从“/utils”导入{addComponents}
常量页面1组件=。。。
添加组件（第1页组件）；

//page2.js
从“/utils”导入{addComponents}
常量Page2组件=。。。
添加组件（第2页组件）；

在WebpackV3中，这很好，但当我升级到WebpackV4时，它的行为并不像预期的那样。函数

addComponents

的每次调用都有

componentsList

变量为空，因此并非所有组件都在加载

在我看来，功能是不共享的，因此导致了这种行为

有人可以帮助我如何使这个工作再次

谢谢