Question

我刚刚开始学习这个。我安装了咕噜声。如果我得到grunt watch，则它是自动的，但仅限于一个文件。我怎么能在我的主题中使用所有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');


};

Answer 1

根据official documentation on file globbing，要查看目录路径及其子目录中某种文件类型的文件的更改，您需要：

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

或：

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

怎么可能将我的所有scss文件编译成css？

1 个答案: