module.exports 更新值

Question

是否可以更新已导出模块的值。

例如：- 颜色.js

module.exports = {
   main: {
    primaryColor: 'red',
   },
   buttons: {
    backGround: 'blue',
   },
}

primaryColor 和 backGround 在我的应用程序中的多个位置（样式按钮、scss）使用。 根据某些事件，我想全局更改 primaryColor 和 backGround，以便将其应用于使用它的所有组件。 有没有办法实现这一点。

Answer 1

这取决于但通常是的。每次导入模块时，每个导入它的地方都会得到相同的 single 对象。这是由于模块缓存系统。实际上，这使得所有模块都是单例的。

因此，每次您修改任何文件中的值时，所有文件都会获得修改后的值。例如，如果你这样做：

colors.main.primaryColor = 'yellow';

它会随处改变这个值。

但是，这个新值是否会在您的 css/scss 中更新取决于您如何设置代码来编译 sass。如果我们谈论的是 javascript，那么是的，这些值是 live 并且会得到更新。但对于生成的文件，如 html、css、json、pdf、xml 等，这取决于您何时生成这些文件。