Gruntjs grunt如何将我所有的scss文件编译成css？

我刚刚开始学这个。我安装了咕噜。 如果我得到

grunt watch

它是自动的，但仅在一个文件的情况下。 我怎样才能使它和所有的scss文件在我的主题，并使css在不同的文件夹。 我真的不明白它怎么能在大范围内工作

这是我的Grunfile.js：

module.exports = function(grunt) {
 // Project configuration.
 grunt.initConfig({
   pkg: grunt.file.readJSON('package.json'),
    connect: {
     uses_defaults: {}
   },
    sass: {
     dev: {
       options: { sourceMap: true },
       files: { 'sites/all/themes/uj/css/uj.styles.css' : 'sites/all/themes/uj/sass/uj.styles.scss' }     
    }
   },
   watch: {
    css: {
      files: 'sites/all/themes/uj/**/*.scss',
      tasks: [ 'sass:dev' ],
      options: { livereload: true }
 }
}



 });
 // Load Grunt plugins
// grunt.loadNpmTasks('');
 // Default task(s).
 grunt.registerTask('default', []);



// Load Grunt plugins
grunt.loadNpmTasks('grunt-contrib-connect');
grunt.loadNpmTasks('grunt-sass');
grunt.loadNpmTasks('grunt-contrib-watch');


};

根据，要监视目录路径及其子目录中特定文件类型的文件的更改，您需要：

files: ['js/**/*.js']

或：

---

但如果我在不同的文件夹中有scss文件，它应该将css-s放入不同的文件夹中。你怎么知道它应该把css放在哪里？例如，我设置如下：文件：{'sites/all/themes/uj/css/uj.styles.css'：'sites/all/themes/uj/sass/uj.styles.scss'}，这样，它就知道scs在哪里，它应该把css放在哪里。其他人呢？css-s不在同一个文件夹中。

files: ['css/**/*.*']