变量作为GruntJS中路径的键

Question

奇怪的行为，当我尝试使用grunt-contrib-sass制作关键变量时，而不是路径。

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,
                }
            }
        },

在此编译器之后创建文件“dest File”，而不是从var读取。如何解决这个问题？

Answer 1

正在使用vanilla Javascript配置Grunt。换句话说，您描述的问题与此问题相同：JavaScript set object key by variable

在这种特殊情况下，我会做这样的事情：

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);