如何将我所有的SCSS文件汇编为CSS

  • 本文关键字:SCSS 文件汇编 CSS gruntjs
  • 更新时间 :
  • 英文 :


我刚刚开始学习。我安装了咕unt声。如果我获得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');

};

根据文件地球上的官方文档,请注意目录路径及其子目录中某个文件类型的文件的更改,您需要:

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

或:

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

最新更新