javascript - 使用 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

问题是由于您的 building the files object dynamically 参数引起的.您需要设置 cwd 参数:“所有 src 匹配项都相对于(但不包括)此路径。”

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