访问元素

Question

我试着去使用数组中的咕噜

为文件名使用我有一个数组看起来像这样。我想访问上面的数组中的元素，但它不起作用。

sass: { 
    dist: { 
    files: { 
     myElements[0] : '/scss/elementOne.scss', 
     myElements[1] : '/scss/elementTwo.scss', 
     myElements[2] : '/scss/elementTwo.scss', 
    } 
    } 
} 

Answer 1

JS将不允许你以你想要的方式使用变量作为关键字。我认为解决这个问题的唯一方法是在创建sass对象之前定义文件对象。

var files = {}; 
files[myElements[0]] = '/scss/elementOne.scss'; 
files[myElements[1]] = '/scss/elementTwo.scss'; 
files[myElements[2]] = '/scss/elementTwo.scss'; 

sass: { 
    dist: files 
} 

DEMO

Answer 2

这应该工作：

module.exports = function(grunt) { 
    var myElements = [ 
     'elementOne', 
     'elementTwo', 
     'elementThree' 
    ]; 

    grunt.initConfig({ 
    myElements: myElements, 

    sass: { 
     dist: { 
     files: { 
      myElements[0] : '/scss/elementOne.scss', 
      myElements[1] : '/scss/elementTwo.scss', 
      myElements[2] : '/scss/elementTwo.scss', 
     } 
    } 
    } 

....