使用Grunt編譯SASS文件會創建一個不必要的文件夾

Question

所以我一直在嘗試使用grunt和sass創建我的第一個編譯後的css文件，並且我遇到了一個我無法弄清楚的問題。

，我運行SASS任務時，都會我的CSS文件夾內創建了一個不必要的 「青菜」 文件夾：

這是它的外觀：

module.exports = function(grunt) { 

// Project configuration. 
grunt.initConfig({ 
    watch:{ 
    sass:{ 
     files:['sass/*.scss'], 
     task:['sass'] 
    } 
    }, 
    sass: { 
    dist: { 
     files: [{ 
      expand: true, 
      cwd: '', 
      src: ['sass/*.scss'], 
      dest: 'css/', 
      ext: '.css' 
     }] 
     } 
    } 
}); 


grunt.loadNpmTasks('grunt-sass'); 

grunt.loadNpmTasks('grunt-contrib-watch'); 

grunt.registerTask('default', ['sass']); 

};

這是我的文件夾的樣子後，我運行任務：

/SASS/somefile.scss 
/CSS/SASS/somefile.css 

的SASS文件夾它不應該在那裏，結果我想到的是：在

/SASS/somefile.scss 
/CSS/somefile.css 

謝謝提前！

Answer 1

的問題是由於您的參數building the files object dynamically。您需要設置cwd參數：「所有src匹配都是相對於（但不包括）此路徑。」

files: [{ 
    expand: true, 
    cwd: 'sass/', 
    src: '*.scss', 
    dest: 'css/', 
    ext: '.css' 
}] 

Answer 2

在你的CSS文件夾下創建一個SASS文件夾。你的somefile.scss文件進入SASS文件夾然後運行。

像爲：

CSS/

SASS/somefile.scss