2013-08-25 20 views
50

Pek çok sass dosyası içeren dizinin tümünde değişiklikleri nasıl izleyebilirim? Ben sass değişiklikleri izlemek için aşağıdaki komutu kullanıyorumBirçok sass dosyası içeren dizinde/klasörde değişiklikler nasıl izlenir

dosyası:

sass --watch style.scss:style.css 

Fakat birçok küstahlık dosyalarını içeren tüm dizin/klasördeki değişiklikleri izlemek için nasıl.

+1

cevapların hiçbirinde burada yardımcı oldu mu? – TheCarver

cevap

0

Dosyaların geri kalanını içeren bir sass dosyası oluşturabilir ve ardından sadece bu dosyayı izleyebilirsiniz.

Alternatif Basitçe bu gibi komutu sass --watch <input folder>:<output folder> kullanmak Grunt içine bakmak ve çok iyi grunt-contrib-compass eklentisi

+1

Sadece içerdiği dosya değiştiğinde güncellenir. – matsko

+0

@matsko evet, bu gerçekten de "grunt watch" ın –

+0

yaptıklarını şu şekilde bitirdi: https://stackoverflow.com/questions/18427849/how-to-watch-changes-in-whole-directory-folder- içeren-çok-sass-files/26675999 # 26675999 – matsko

66

: <input folder> oluşturulan CSS dosyalarını barındıran Sass dosya ve <output folder> içeren

$ ls -l 
css/ sass/ 
$ sass --watch sass:css 

.

+0

Eğer 20 alt dizinli bir 'sass' klasörüne sahipse ve içlerinde toplam 200' scss' dosyası varsa, bu etki sass --watch'da olurdu. CPU/Bellek kaynaklarında durum? –

+0

@piouPioum, Değişikliği algıladığını ancak yazılmadığını belirttiğiniz komutu denedim. –

+0

Diyor ki ** "watch" adında bir seçenek bulunamadı. **. Ne yapacağımı bilmiyorum, harici programları yüklemeden bir gözlemciyi çalıştıramayacağımı veya görev koşucusunu kullanamayacağına inanamıyorum –

16

biraz piouPiouM tarafından cevap Genişleyen:

  • Çıktı dosyaları .css ile biten haricinde giriş dosyalarıyla aynı isimlerle oluşturulur.
  • <input folder> ve <output folder> aynı olabilir.
  • Her iki klasör mevcut çalışma dizini olabilir, bu nedenle aşağıdaki geçerlidir:

    $ sass --watch .:.

7

Ben Grunt veya Sass-saati kullanmadan bunu sona erdi:

npm install -g watch 
watch "sass assets/app.scss assets/dist/app.css" assets/css 
+1

Çalışma web dizininize sass yüklüyor musunuz? Sistem düzeyinde kuruluysa, yolun tamamını yazmalı mıyım? Yani ... 'sass --watch/Kullanıcılar/estout/Belgeler/GIT/proje /:/Kullanıcılar/estout/Belgeler/GIT/proje /' – buschschwick

+0

@buschschwick: Evet, sistem düzeyinde kurarsınız. Ya her seferinde tam adresi yazıyorsunuz, ya da sahip olduğunuz cd/Users/estout/Documents/GIT/project/'dizinlerini değiştirmek ve daha sonra' $ sass --watch. 'Yazınız. – TheCarver

5

Size terminale gidin ve size ulaştıktan sonra şunu yazdınız:

sass --watch . 

Bu, tüm sass dosyalarını izleyecek ve aynı ada sahip css dosyalarına dönüşecektir. ayrıca bu şekilde yapabilirsiniz:

sass --watch ~/user/youUser/workspace/project/styles/ 

Bunu size yardımcı olabilir umuyoruz.

İlgili konular