如何在多個文件夾執行青菜watch命令

我有以下目錄結構如何在多個文件夾執行青菜watch命令

src/ 
    sass/ 
     base.scss 
     global.scss 
    components/ 
     Menu/ 
      sass/ 
       styles.scss 
     Contents/ 
      sass/ 
       style.scss

正如你可以看到我有global風格和樣式每個組件。我現在正在做的是編輯global樣式，然後在全局樣式文件夾上運行sass --watch sass:css。當我編輯任何組件樣式時，我在該組件的sass文件夾上運行sass --watch sass:css命令。

我需要的是運行sass --watch命令，以便它編譯我正在編輯的所有scss文件。 我該如何做這項工作？

來源

2016-05-15 2619

首先我強烈建議使用Compass編譯您的scss文件。使用它按照此鏈接中的步驟： Install Compass-style

後，安裝在你的src文件夾中創建一個項目文件 config.rb 後去src文件夾，然後運行：

compass watch

它會編譯所有的scss文件

你可以指定很多set婷 config.rb的內容應該是這個樣子

require 'compass/import-once/activate' 
# Require any additional compass plugins here. 

# Set this to the root of your project when deployed: 

http_path = "/" 
css_dir = "../wwwroot/css" 
sass_dir = "./" 
images_dir = "/wwwroot/images" 
cache_path = "c:/tempscss"

您可以檢查此鏈接瞭解更多關於什麼可以配置 Compass Configuration

來源

2016-05-15 08:37:52

你能不能考慮使用構建工具如咕嘟咕嘟或蠻兵？這會讓事情變得更容易。您可以使用通配符，如'./src/sass/**/*.scss'或['./src/components/scss/*.scss', './src/modules/**/*.scss']

設置在一飲而盡只是

var gulp = require('gulp'); 
var sass = require('gulp-sass'); 

gulp.task('styles', function() { 
    gulp.src('./src/sass/**/*.scss') 
     .pipe(gulp.dest('./dist/css/')) 
}); 

gulp.task('watch',function() { 
    gulp.watch('./src/sass/**/*.scss', ['styles']); 
});

只有隨着新公共管理目標的多個文件夾，它可能是這樣的：

"scripts": { 
    "watch:sass": "onchange 'src/scss/**/*.scss' -- npm run sass:css", 
}

在這裏找到更多的信息https://github.com/Qard/onchange

來源

2016-05-15 09:44:27 kasperoo

如何在多個文件夾執行青菜watch命令

回答

相關問題