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

【问题标题】：Compiling SASS files using Grunt creates an unnecessary folder使用 Grunt 编译 SASS 文件会创建一个不必要的文件夹
【发布时间】：2015-06-14 23:22:19
【问题描述】：

所以我一直在尝试使用 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

提前致谢！

【问题讨论】：

有人知道这个吗？

标签： javascript css sass gruntjs

【解决方案1】：

问题出在building the files object dynamically 的参数上。您需要设置cwd 参数：“所有src 匹配都相对于（但不包括）此路径。”

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

【讨论】：

【解决方案2】：

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

喜欢：

CSS/

SASS/somefile.scss

【讨论】：