2013-08-25 46 views
50

Làm cách nào để theo dõi các thay đổi trong toàn bộ thư mục chứa nhiều tệp sass? Tôi đang sử dụng lệnh sau để xem sự thay đổi trong sasscách xem các thay đổi trong toàn bộ thư mục/thư mục chứa nhiều tệp sass

file:

sass --watch style.scss:style.css 

Nhưng làm thế nào để xem những thay đổi toàn bộ thư mục/thư mục chứa nhiều file sass.

+1

đã bất kỳ câu trả lời ở đây giúp bạn? – TheCarver

Trả lời

0

Bạn có thể tạo một tệp sass bao gồm phần còn lại của tệp và sau đó chỉ xem tệp này.

Cách khác, nhìn vào Grunt và rất tốt grunt-contrib-compass Plugin

+1

Nó chỉ cập nhật khi tệp chứa thay đổi. – matsko

+0

@matsko có, đó thực sự là những gì 'grunt watch' hiện –

+0

Tôi đã kết thúc làm điều này: https://stackoverflow.com/questions/18427849/how-to-watch-changes-in-whole-directory-folder- contains-many-sass-files/26675999 # 26675999 – matsko

66

Đơn giản chỉ cần sử dụng lệnh sass --watch <input folder>:<output folder>, như thế này:

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

đâu <input folder> chứa các tập tin Sass và <output folder> mà chủ các file CSS được tạo ra.

+0

Nếu tôi có thư mục 'sass' với 20 thư mục con và với tổng số 200 tệp' scss' bên trong chúng, tác động nào sẽ 'sass - watch' có trong này trường hợp trên tài nguyên CPU/bộ nhớ? –

+0

@piouPioum, tôi đã thử lệnh bạn đã đề cập nó phát hiện sự thay đổi nhưng không viết. –

+0

Nó nói ** Không thể tìm thấy một tùy chọn có tên là "đồng hồ". **. Tôi không biết phải làm gì, tôi không thể tin rằng tôi không thể chạy một người xem mà không cần cài đặt các chương trình bên ngoài hoặc sử dụng một nhân viên nhiệm vụ –

16

Mở rộng câu trả lời bằng cách piouPiouM một chút:

  • Xuất file sẽ được tạo ra với tên giống như file đầu vào trừ kết thúc với .css.
  • <input folder><output folder> có thể giống nhau.
  • Cả hai thư mục có thể được thư mục làm việc hiện nay, vì vậy sau đây là hợp lệ:

    $ sass --watch .:.

7

tôi đã kết thúc làm điều này mà không sử dụng Grunt hoặc Sass giờ:

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

Bạn có cài đặt sass trong thư mục web hoạt động của mình không? Nếu nó được cài đặt ở mức hệ thống, tôi có phải gõ toàn bộ đường dẫn không? Vì vậy ... 'sass - watch/Users/estout/Tài liệu/GIT/project /:/Users/estout/Documents/GIT/project /' – buschschwick

+0

@buschschwick: Có, bạn cài đặt nó ở mức hệ thống. Bạn có thể nhập địa chỉ đầy đủ mỗi lần, như bạn có, hoặc dễ dàng hơn một chút là thay đổi thư mục 'cd/Users/estout/Documents/GIT/project /' và sau đó viết '$ sass --watch.:.' – TheCarver

5

Đi tới thiết bị đầu cuối của bạn và đến thư mục bạn đã viết:

sass --watch . 

điều này sẽ xem tất cả các tệp sass và chuyển đổi thành tệp css có cùng tên. bạn cũng có thể thực hiện theo cách này:

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

Tôi hy vọng điều này có thể giúp bạn.

Các vấn đề liên quan