SCSS & Sass Trình biên dịch
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
SCSS Trình biên dịch
Tích hợp hỗ trợ SCSS syntax vào CSS bằng cách sử dụng trình duyệt kết hợp.
- Đầu vào
- SCSS nguồn hơn output-style tùy chọn.
- Đầu ra
- CSS hoặc Diagnostics Compiler.
- Giới hạn thực tế
- Máy tính sao chép trình duyệt không giải quyết các nhập khẩu dự án tự nguyện, chạy plugin xây dựng, hoặc đảm bảo sự đồng bằng với phiên bản Sass khác.
- Quyền riêng tư và xử lý dữ liệu
- Các tùy chọn nguồn SCSS plus kiểu xuất xứ được xử lý trong tab trình duyệt này. Converter không nhận hoặc lưu trữ nó; đóng hoặc tải lại trang làm sạch trạng thái hoạt động trừ khi công cụ này trực tiếp cung cấp một bản tải xuống địa phương.
Cách sử dụng công cụ này
- Cung cấp các tùy chọn nguồn SCSS plus output-style trong các điều khiển công cụ.
- Chọn các thiết lập ảnh hưởng đến chẩn đoán CSS hoặc máy tính sao chép, sau đó chạy công cụ.
- Đánh giá đã biên soạn CSS hoặc phân tích máy tính trước khi sao chép hoặc tải xuống nó.
Các lỗi thường gặp
Các biến thể không xác định, các hỗn hợp thiếu, nhập khẩu không sẵn dùng hoặc lăn không có hiệu lực sẽ trả về một lỗi tập hợp theo ý thức.
Ví dụ thực tế
Tạo một biến đổi thương hiệu $ và các quy tắc .button hover được nén thành CSS mở rộng hoặc bị nén.