Làm thế nào để Giảm bớt CSS với Trình xem tệp SCSS trong PHPStorm IDE

Question

Có cách nào để định cấu hình SASS FileWatcher để nó xây dựng một CSS được chỉnh sửa không?

Tôi hiện định cấu hình SASS + YUI Compressor để thực hiện việc này nhưng tôi muốn thực hiện điều này với SASS thuần túy nếu có thể.

Dưới đây là ảnh chụp màn hình của cả hai cấu hình:

SASS

YUI Compressor CSS

Cảm ơn trước.

Answer 1

Có lẽ cách nhanh nhất để đạt được điều này là sử dụng tùy chọn đã nén, được đề cập trong các nhận xét trước, làm đối số. Cách nhanh nhất để cấu hình này trong PHPStorm là như sau:

• Đến File > Settings
• Bên Project Settings chọn File Watchers
• Bạn nên đã có một watcher SCSS tạo ra ở đây (nếu bạn đã bật plugin SCSS xem, PHPStorm sẽ nhắc bạn tạo trình xem khi mở tệp .scss mới.) Nếu không, hãy bật nó (thông tin thêm về điều đó trong phần này của official documentation,) và sau đó tạo trình theo dõi mới nhấn biểu tượng "+".
• Nhấp đúp vào tên người xem để truy cập cấu hình của nó.
• Trong dòng Arguments chắc chắn để thêm --style compressed luận
• Bấm OK và bạn đã hoàn tất

Hình ảnh này cho thấy cách cấu hình mà nên xem xét:

Từ đó trên các tệp đầu ra .css của bạn sẽ được nén.