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

问题是由building the files object dynamically的参数引起的。您需要设置cwd参数：＆＃34;所有src匹配都与此路径相关（但不包括）。＆＃34; < / p>

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

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

2 个答案: