2015-08-09 2 views
0

Я использую Magento, и я работаю над проектом, в котором файлы .scss находятся в нескольких каталогах.Grunt: Как просмотреть несколько каталогов для компиляции scss-файлов?

Я надеялся использовать узловой модуль grunt-compass-multiple, чтобы я мог достичь этого, но до сих пор мне не повезло.

У кого-нибудь есть идеи, как я могу смотреть несколько каталогов одновременно и компилировать любой из них, если они меняются?

Это мой текущий файл ворчание:

'использовать строгий';

module.exports = function(grunt) { 
    grunt.initConfig({ 
    pkg: grunt.file.readJSON('package.json'), 

    compass: { 
     dist: { 
    options: { 
     sassDir: 'scss', 
     cssDir: 'css' 
    } 
     } 
    }, 
    watch: { 
     css: { 
    files: '**/*.scss', 
    tasks: ['compass'] 
     } 
    } 

//compassMultiple: { 

    // multiple option provides you to compile multi sassDir. 
// all: { 
//  options: { 
//  multiple: [ 
//   { 
//   sassDir: 'scss', 
//   cssDir: 'css' 
//   },{ 
//   sassDir: '../../barclays/default/scss', 
//   cssDir: '../../barclays/default/css' 
//   } 
//  ] 
//  } 
// } 
// } 

    }); 

// grunt.loadNpmTasks('grunt-compass-multiple'); 
    grunt.loadNpmTasks('grunt-contrib-compass'); 
    grunt.loadNpmTasks('grunt-contrib-watch'); 
    grunt.registerTask('default',['watch', 'compass']); 
} 

ответ

0

хрюкать Компас множественным делает именно то, что вам нужно.

https://www.npmjs.com/package/grunt-compass-multiple

grunt.initConfig({ 

    compassMultiple: { 
    options : { 
     // if you need, you can set options. 
     environment: 'production', 
     outputStyle: 'compressed', 
     javascriptsDir: './js', 
     imagesDir: './image', 
     fontsDir: './font', 
     importPath: './css/framework', 
     relativeAssets: true, 
     time: true 
    }, 


    // multiple option provides you to compile multi sassDir. 
    all: { 
     options: { 
     multiple: [ 
      { 
      sassDir: 'page/css/cmn/', 
      cssDir: '../static/page/css/cmn/' 
      },{ 
      sassDir: 'page/css/orgn/scss', 
      cssDir: '../static/page/css/orgn/' 
      } 
     ] 
     } 
    } 
    } 
}); 

От: https://github.com/yoheiMune/grunt-compass-multiple

+0

Да, я вижу, что вы можете увидеть, что мне нужно сделать, чтобы мой файл ворчания, чтобы заставить его работать? – user1532669

+0

http://justinklemm.com/grunt-watch-livereload-javascript-less-sass-compilation/ – scarto

+0

gunt watch - это команда – scarto

Смежные вопросы