Có SASS.js không? Một cái gì đó giống như LESS.js?

Tôi đã sử dụng LESS.js trước đây. Nó dễ sử dụng, giống như

<link rel="stylesheet/less" href="main.less" type="text/css">
<script src="less.js" type="text/javascript"></script>

Tôi thấy SASS.js . Tôi có thể sử dụng nó theo cách tương tự như thế nào? Phân tích cú pháp tệp SASS để sử dụng ngay trong HTML. Có vẻ như SASS.js được sử dụng nhiều hơn với Node.js ?

var sass = require('sass')
sass.render('... string of sass ...')
// => '... string of css ...'

sass.collect('... string of sass ...')
// => { selectors: [...], variables: { ... }, mixins: { ... }}

Không có sự triển khai JavaScript chính thức nào của sass hoặc scss. Có một số triển khai đang được thực hiện mà tôi đã thấy, nhưng không có triển khai nào mà tôi có thể khuyên bạn nên sử dụng vào lúc này.

Tuy nhiên, xin lưu ý một số điểm:

1. Tại sao bạn nên yêu cầu tất cả người dùng biên dịch các bảng định kiểu của bạn trong khi bạn có thể làm điều đó một lần cho tất cả họ.
2. Trang web của bạn sẽ trông như thế nào nếu JavaScript bị tắt.
3. Nếu bạn quyết định thay đổi sang triển khai phía máy chủ trong tương lai, tất cả các mẫu của bạn phải được thay đổi tương ứng.

Vì vậy, trong khi cần thiết lập thêm một chút để bắt đầu, chúng tôi (nhóm nòng cốt của sass) nghĩ rằng biên dịch phía máy chủ là cách tiếp cận lâu dài tốt nhất. Tương tự, càng ít nhà phát triển thích biên dịch phía máy chủ cho các bảng định kiểu sản xuất.

Kể từ visionmeda / sass.js là không có sẵn nữa và SCSS-js chưa được cập nhật trong vòng 2 năm, tôi có thể bạn quan tâm trong sass.js . Đó là thư viện C ++ libsass (cũng được sử dụng bởi node-sass ) được biên dịch sang JavaScript bằng Emscripten. An thực hiện để stylesheets SCSS biên dịch liên kết hoặc inlined trong html có thể được tìm thấy tại sass.link.js .

Dùng thử sass.js bằng sân chơi tương tác

ĐÚNG

Như chúng tôi đã mong đợi, sau khi viết lại nó trên C ++ , có thể biên dịch nó bằng Javascript thông qua Emscripten .

Đây là phiên bản trình duyệt: https://github.com/medialize/sass.js/

Như họ đề xuất, đối với nút, bạn có thể sử dụng nút này: https://github.com/sass/node-sass

Tôi vừa khám phá ra một Sân chơi Sass.js thú vị. Một vài điều có thể đã thay đổi trong những năm qua. Kiểm tra cái này:

http://medialize.github.io/playground.sass.js/

Bạn chắc chắn không nên bắt tất cả người dùng của mình biên dịch các bảng định kiểu, tuy nhiên, việc triển khai javascript cũng có thể chạy trên máy chủ. Tôi cũng đang tìm cách triển khai sass javascript - để sử dụng trong ứng dụng node.js. Đây có phải là điều mà nhóm sass đang xem xét?

Có một nỗ lực trên GitHub , scss-js . Tuy nhiên, nó vẫn chưa hoàn thiện và chưa có bất kỳ cam kết nào trong năm tháng.

Tại sao LibSass

Mặc dù không có sự triển khai JavaScript chính thức nào bị trừng phạt đối với sass, nhưng có một cổng C / C ++ chính thức của công cụ Sass, được gọi là LibSass . Vì LibSass là một triển khai chính thức, tốt nhất bạn nên chọn một thư viện JavaScript có sử dụng LibSass.

Trên máy chủ

Đối với JavaScript chạy trong môi trường Node.js, có Node-sass .

Về cơ bản, Node-sass sử dụng chính LibSass.

Trong trình duyệt

Để chạy JavaScript trong trình duyệt, có Sass.js .

Bên cạnh đó, Sass.js sử dụng phiên bản LibSass (v3.3.6 tại thời điểm tôi viết bài này) đã được chuyển đổi sang JavaScript với Emscripten .