Multiple js variable files?

[Peng Xiao]

E.g., if I have two JS files containing two sets of variables:

// config/colors.js

module.exports = {
    blue: '#056ef0'
}

// config/layout.js

module.exports = {
    wide: '1000px'
}

Can I inject the two set of variables?

postcss([
    vars({
        variables: function () {
            return [ require('./config/colors'), require('./config/layout') ];
        }
    })
]

[Andrey Sitnik]

Use ES6 descturctors:

{
    ...require('./config/colors'),
    ...require('./config/layout')
}

[Mario Murrent]

How would that look like in the example above? I can't get it to run with multiple files

[Andrey Sitnik]

What error do you have?

[Mario Murrent]

See my example:
require('postcss-simple-vars')({ variables: function variables() { return require('../src/file1') }, unknown: function unknown(node, name, result) { node.warn(result, 'Unknown variable ' + name) } }),

How exactly do I insert a second file after return require('../src/file1') so that e.g file1 and file2 are used

[Andrey Sitnik]

variables: {
    ...require('./config/colors'),
    ...require('./config/layout')
}

[Mario Murrent]

Yeah, sorry - I missed a require in the second file. Thank you for you quick response and help :)