2016-10-10 15 views
12

Tôi đọc rất nhiều blog nói rằng các công việc transjiling SystemJS và SASS, nhưng mọi ví dụ tôi thấy trực tuyến sẽ xử lý SASS xử lý phía trước (thông qua một nhiệm vụ nhiệm vụ giống như gulp), và Sau đó, mã JavaScript sẽ nhập CSS được tạo.Transpiling SASS khi đang di chuyển với SystemJS

Điều tôi hy vọng có thể làm là để tệp JavaScript của tôi nhập trực tiếp các tệp SASS (và có tệp tải xuống SystemJS của tôi vào CSS khi đang di chuyển). Điều này chỉ dành cho mục đích phát triển, để sản xuất, tôi dự định xây dựng một tệp tĩnh đơn với mọi thứ trong đó. Điều này có thể không? Nếu vậy, điều này thường được thực hiện như thế nào?

Thông tin bổ sung: Tôi đang sử dụng Angular2 và Typecript.

Cảm ơn.

+0

Có một số plugin SASS cho SystemJS, nhưng tất cả đều cho rằng JSPM cũng được sử dụng trong quá trình thiết lập. Một giải pháp đã được chứng minh cho SystemJS một mình sẽ được chào đón – estus

+0

Tôi đã sử dụng JSPM trong một công suất rất hạn chế trước đây. Sự bất định của tôi là nó được sử dụng chủ yếu để quản lý gói/bí danh, quản lý tệp cấu hình systemjs, v.v. Tôi nghĩ khi "cao su nhấn đường" (ví dụ: chạy ứng dụng web), JSPM không có vai trò chủ động . –

+0

Vẫn chưa rõ cách cài đặt plugin trong trường hợp này ngay từ đầu. Dưới đây là ví dụ về https://github.com/mobilexag/plugin-sass – estus

Trả lời

1

Để bật tính năng "di chuyển" SASS thành CSS, bạn cần SASS -> trình biên dịch CSS phía máy khách.

Theo this answer không có triển khai chính thức nào có thể giúp bạn. Ngoài ra, bạn có thể xem xét LESS thay vì CASS (sử dụng ví dụ this), vì vậy bạn có thể có đầy đủ phía khách hàng transpiling cho mục đích phát triển và phía máy chủ xây dựng trước thông qua SystemJS Builder cho xây dựng sản xuất.

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