Variable as a key for path in GruntJS

Question

Weird behavior, when i try in grunt-contrib-sass make key variable, instead path.

var sourseScssFolder = 'src/scss/*.scss';
var destCssFile = 'src/packed.css';
sass: {
            dist: {
                options: {
                    style: 'nested'
                },
                files: {
                    // Key don't wanna load from variable
                    destCssFile: sourseScssFolder,
                }
            }
        },

After this compiler create file "dest File", instead read from var. How fix this?

Answer 1

Grunt is being configured using vanilla Javascript. In other words, the issue you are describing is the same as this one: JavaScript set object key by variable

In this particular case, I would do something like this:

var sourseScssFolder = 'src/scss/*.scss';
var destCssFile = 'src/packed.css';
var configuration = {
    sass: {
        dist: {
            options: {
                style: 'nested'
            },
            files: {}
        }
    }
};
configuration.sass.dist.files[destCssFile] = sourseScssFolder;
grunt.initConfig(configuration);