訪問元素

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

....