少和情感之间的共享变量（样式化的组件）

Question

有什么办法可以让一个js文件具有如下变量：

const buttons = {
 blue: '#00F',
 red: '#F00'
...

并在更少的文件和情感（样式化的组件）中使用这些变量

• 在less
中

@blue-color: ${buttons.blue}; // or any different way

• 感动

const button = styled(Button)`
  background: ${buttons.blue};
`

我正在使用Webpack，但没有通天塔。我试图用Google搜索一些解决方案，但没有成功。