在webpack项目中有单独的js对象，与同一个变量进行交互

Question

我想知道是否可以通过组合webpack和js'oop来获得类似于下面所示的功能代码。 目的是能够将我网站的每个元素（侧边栏，主要...）隔离在不同的文件中，同时确保它们之间可以交互。

使用webpack和纯js是否可行？

{{1}}

Answer 1

可以。

如果您只想使用applePicker.js中的变量：

// applePicker.js
export const apples = 10

如果您希望能够重新分配该变量，则可能需要在其之上添加一个简单的外观层：

// applePicker.js
let apple = 5

export function getApple() {
   return apple;
}

export function setApple(newValue) {
   apple = newValue;
}

更好的是，如果您希望其他函数在更改变量时“触发”，请使用Observer pattern