LESS - Sử dụng dòng lệnh

Sử dụng dòng lệnh, chúng ta có thể biên dịch tệp .less thành .css .

Cài đặt lessc để sử dụng trên toàn cầu

Lệnh sau được sử dụng để cài đặt lessc với npm (trình quản lý gói nút) để làm cho lessc khả dụng trên toàn cầu.

npm install less -g

Bạn cũng có thể thêm một phiên bản cụ thể sau tên gói. Ví dụnpm install [email protected] -g

Cài đặt để phát triển nút

Lệnh sau được sử dụng để cài đặt phiên bản mới nhất của lessc trong thư mục dự án của bạn.

npm i less -save-dev

Nó cũng được thêm vào devDependencies trong gói dự án.json của bạn.

Bản phát hành beta của lessc

Nó được gắn thẻ là beta khi lessc cấu trúc được xuất bản cho npmỞ đây, chức năng mới được phát triển theo định kỳ. less -v được sử dụng để lấy phiên bản hiện tại.

Cài đặt phiên bản phát triển chưa được xuất bản của lessc

Cam kết phải được chỉ định, khi chúng tôi tiến hành cài đặt phiên bản chưa được xuất bản của lessc và cần tuân theo các hướng dẫn để xác định URL git như một phụ thuộc. Điều này sẽ đảm bảo rằng bạn đang sử dụng đúng phiên bản leesc cho dự án của mình.

Sử dụng phía máy chủ và dòng lệnh

bin/lesscbao gồm nhị phân trong kho lưu trữ. Nó hoạt động với Windows, OS X và nodejs trên * nix.

Sử dụng dòng lệnh

Đầu vào được đọc từ stdin khi nguồn được đặt thành dấu gạch ngang hoặc dấu gạch ngang (-).

lessc [option option = parameter ...]  [destination]

Ví dụ, chúng tôi có thể biên dịch .less đến .css bằng cách sử dụng lệnh sau:

lessc stylesheet.less stylesheet.css

Chúng tôi có thể biên dịch .less đến .css và rút gọn kết quả bằng lệnh sau.

lessc -x stylesheet.less stylesheet.css

Tùy chọn

Bảng sau liệt kê các tùy chọn được sử dụng trong việc sử dụng dòng lệnh:

Sr.No. Tùy chọn & Mô tả Chỉ huy
1

Help

Thông báo trợ giúp được hiển thị với các tùy chọn có sẵn.

lessc -help
lessc -h
2

Include Paths

Nó bao gồm các đường dẫn có sẵn đến thư viện. Các đường dẫn này có thể được tham chiếu đơn giản và tương đối trong tệp Ít hơn. Các đường dẫn trong cửa sổ được phân tách bằng dấu hai chấm (:) hoặc dấu chấm phẩy (;).

lessc --include-path = PATH1;PATH2
3

Makefile

Nó tạo ra một danh sách phụ thuộc nhập makefile để stdout làm đầu ra.

lessc -M
lessc --depends
4

No Color

Nó vô hiệu hóa đầu ra được tô màu.

lessc --no-color
5

No IE Compatibility

Nó vô hiệu hóa kiểm tra tính tương thích của IE.

lessc --no-ie-compat
6

Disable Javascript

Nó vô hiệu hóa javascript trong ít tệp hơn.

lessc --no-js
7

Lint

Nó kiểm tra cú pháp và báo lỗi mà không có bất kỳ đầu ra nào.

lessc --lint
lessc -l
số 8

Silent

Nó buộc dừng hiển thị thông báo lỗi.

lessc --silent
lessc -s
9

Strict Imports

Nó buộc phải đánh giá hàng nhập khẩu.

lessc --strict-imports
10

Allow Imports from Insecure HTTPS Hosts

Nó nhập khẩu từ các máy chủ HTTPS không an toàn.

lessc --insecure
11

Version

Nó hiển thị số phiên bản và số lần thoát.

lessc -version
lessc -v
12

Compress

Nó giúp loại bỏ khoảng trắng và nén đầu ra.

lessc -x
lessc --compress
13

Source Map Output Filename

Nó tạo ra bản đồ nguồn trong ít hơn. Nếu tùy chọn bản đồ nguồn được xác định mà không có tên tệp thì nó sẽ sử dụng bản đồ mở rộng với tên tệp Ít hơn làm nguồn.

lessc --source-map
lessc -source-map = file.map
14

Source Map Rootpath

Rootpath được chỉ định và nên được thêm vào Đường dẫn tệp ít hơn bên trong bản đồ nguồn và cũng vào tệp bản đồ được chỉ định trong css đầu ra của bạn.

lessc --source-map-rootpath = dev-files/
15

Source Map Basepath

Một đường dẫn được chỉ định phải được xóa khỏi các đường dẫn đầu ra. Basepath đối lập với tùy chọn rootpath.

lessc --source-map-basepath = less-files/
16

Source Map Less Inline

Tất cả các tệp Ít hơn phải được bao gồm trong bản đồ nguồn.

lessc --source-map-less-inline
17

Source Map Map Inline

Nó chỉ định rằng trong css đầu ra, tệp bản đồ phải là nội tuyến.

lessc --source-map-map-inline
18

Source Map URL

Một URL được phép ghi đè các điểm trong tệp bản đồ trong css.

lessc --source-map-url = ../my-map.json
19

Rootpath

Nó thiết lập các đường dẫn để viết lại URL trong các nhập khẩu và url tương đối.

lessc -rp=resources/
lessc --rootpath=resources/
20

Relative URLs

Trong các tệp đã nhập, URL được viết lại để URL luôn liên quan đến tệp cơ sở.

lessc -ru
lessc --relative-urls
21

Strict Math

Nó xử lý tất cả các chức năng Toán học trong css của bạn. Theo mặc định, nó tắt.

lessc -sm = on
lessc --strict-math = on
22

Strict Units

Nó cho phép các đơn vị hỗn hợp.

lessc -su = on
lessc --strict-units = on
23

Global Variable

Một biến được xác định có thể được tham chiếu bởi tệp.

lessc --global-var = "background = green"
24

Modify Variable

Điều này không giống như tùy chọn biến toàn cục; nó di chuyển phần khai báo vào cuối tệp less của bạn.

lessc --modify-var = "background = green"
25

URL Arguments

Để chuyển sang mọi URL, một đối số được phép chỉ định.

lessc --url-args = "arg736357"
26

Line Numbers

Ánh xạ nguồn nội tuyến được tạo.

lessc --line-numbers = comments
lessc --line-numbers = mediaquery
lessc --line-numbers = all
27

Plugin

Nó tải plugin.

lessc --clean-css
lessc --plugin = clean-css = "advanced"