如何解决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 举报,一经查实,本站将立刻删除。