使用Grunt编译SASS文件会创建一个不必要的文件夹

Question

所以我一直在尝试使用grunt和sass创建我的第一个已编译的CSS文件，但是我遇到了一个我无法弄清的问题。

每次我运行sass任务时，都会在css文件夹中创建一个不必要的“ sass”文件夹：

它是这样的：

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

在CSS文件夹下创建一个SASS文件夹。 您的somefile.scss文件移动到SASS文件夹中，然后运行。

像：

CSS /

SASS / somefile.scss

Answer 2

该问题是由于您用于动态生成files对象的参数所致。 您需要设置cwd参数： “所有src匹配都相对于（但不包括）此路径。”

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