变量作为GruntJS中路径的键

Question

奇怪的行为，当我尝试grunt contrib sass make key变量，而不是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,
                }
            }
        },

在这个编译器创建文件"dest file"之后，改为从var中读取。如何修复这个问题？

Answer 1

Grunt正在使用香草Javascript进行配置。换句话说，您所描述的问题与此问题相同：JavaScript通过变量设置对象密钥

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

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