Trình biên dịch SCSS & Sass
Biên dịch các đoạn mã SCSS/Sass đã dán hoặc các tệp .scss/.sass cục bộ trực tiếp trong trình duyệt của bạn. Biểu định kiểu của bạn không được tải lên, ghi nhật ký hoặc gửi tới API.
Bấm để chọn tập tin SCSS/Sass hoặc thả vào đây
Bạn cũng có thể dán trực tiếp SCSS/Sass vào trình chỉnh sửa bên dưới.
0 byte
0 byte
Biên soạn dựa trên trình duyệt
Quá trình biên dịch chạy cục bộ bằng cách sử dụng triển khai Dart Sass chính thức. Không có bảng định kiểu nào được gửi đến máy chủ Convertr.
Đoạn mã và đầu vào tệp
Dán một phần SCSS, biểu định kiểu đầy đủ, quy tắc lồng nhau, biến, mixin hoặc tải tệp .scss cục bộ.
Đo lường an toàn
Analytics chỉ sử dụng nhóm kích thước và mức giảm. SCSS nguồn, biến, mixin và tên tệp nằm ngoài phạm vi đo từ xa.
Câu hỏi thường gặp
SCSS của tôi có được tải lên Convertr không?
Không. Trình biên dịch SCSS chạy cục bộ với trình duyệt JavaScript. Đã dán SCSS và các tệp đã chọn sẽ không được gửi đến máy chủ Convertr.
Điều gì xảy ra khi SCSS có lỗi cú pháp?
Lỗi trình biên dịch với số dòng và số cột được hiển thị trong bảng cảnh báo để bạn có thể xác định và sửa lỗi.
Điều này có hỗ trợ @import hoặc phụ thuộc từ xa không?
Không. Để đảm bảo tốc độ, tính khả dụng ngoại tuyến và quyền riêng tư, tính năng nhập từ xa và quyền truy cập hệ thống tệp bị tắt trong trình biên dịch gốc của trình duyệt này.
Công cụ dành cho nhà phát triển liên quan
Trình biên dịch SCSS
Biên dịch cú pháp SCSS được hỗ trợ thành CSS bằng trình biên dịch trình duyệt tích hợp.
- Đầu vào
- Mã nguồn SCSS cùng tùy chọn kiểu đầu ra.
- Đầu ra
- CSS đã biên dịch hoặc chẩn đoán trình biên dịch.
- Giới hạn thực tế
- Trình biên dịch trình duyệt không giải quyết các nhập dự án tùy ý, thực thi plugin xây dựng hoặc đảm bảo tương đương với phiên bản Sass khác.
- Quyền riêng tư và xử lý dữ liệu
- Tùy chọn nguồn SCSS và kiểu đầu ra được xử lý trong tab trình duyệt này. Convertr không nhận hoặc lưu trữ nó; đóng hoặc tải lại trang sẽ xóa trạng thái làm việc trừ khi công cụ cung cấp tải xuống cục bộ.
Cách sử dụng công cụ này
- Cung cấp tùy chọn nguồn SCSS và kiểu đầu ra trong các điều khiển công cụ.
- Chọn các thiết lập ảnh hưởng đến CSS đã biên dịch hoặc chẩn đoán trình biên dịch, sau đó chạy công cụ.
- Xem lại CSS đã biên dịch hoặc chẩn đoán trình biên dịch trước khi sao chép hoặc tải xuống.
Các lỗi thường gặp
Các biến không xác định, mixin thiếu, import không khả dụng hoặc lồng nhau không hợp lệ sẽ trả về lỗi biên dịch theo dòng.
Ví dụ thực tế
Biên dịch biến $brand và quy tắc hover .button lồng nhau thành CSS mở rộng hoặc nén.