2017-03-03 75 views
0

我剛開始學習這個。我安裝了咕嚕聲。 如果我得到grunt watch它是自動的,但只有在一個文件的情況下。 我怎樣才能使它在我的主題中的所有scss文件,並在不同的文件夾中製作CSS。 我真的不知道如何在大的工作。怎麼可能grunt將我所有的scss文件編譯成css?

這是我現在gruntfile.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'); 


}; 

回答

0

official documentation on file globbing,以觀察在目錄路徑及其子目錄中特定文件類型的文件的變化,你會想:

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

或:

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

但如果我在不同的文件夾SCSS文件,它應該讓CSS-S成不同文件夾。如何知道它應該把CSS放在哪裏? 例如我設置了這個文件:{'sites/all/themes/uj/css/uj.styles.css':'sites/all/themes/uj/sass/uj.styles.scss'} 因此,它知道scss在哪裏,它應該放在哪裏。 和其他? css-s不在同一個文件夾中。 – Ayala

相關問題