变量作为 GruntJS 中路径的键

Question

奇怪的行为，当我尝试在 grunt-contrib-sass 中创建 key 变量，而不是路径。

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