LESS - Penggunaan Baris Perintah

Dengan menggunakan baris perintah, kita dapat mengkompilasi file .less menjadi .css .

Menginstal Lessc untuk Digunakan Secara Global

Perintah berikut digunakan untuk menginstal lessc dengan npm (node ​​package manager) agar lessc tersedia secara global.

npm install less -g

Anda juga dapat menambahkan versi tertentu setelah nama paket. Sebagai contohnpm install [email protected] -g

Menginstal untuk Pengembangan Node

Perintah berikut digunakan untuk menginstal versi terbaru dari lessc di folder proyek Anda.

npm i less -save-dev

Itu juga ditambahkan ke devDependencies di project package.json Anda.

Rilis beta dari lessc

Itu ditandai sebagai beta saat lessc struktur dipublikasikan ke npmDi sini, fungsi baru dikembangkan secara berkala. less -v digunakan untuk mendapatkan versi saat ini.

Menginstal versi pengembangan lessc yang tidak dipublikasikan

Komit - ish harus ditentukan, saat kita melanjutkan untuk memasang versi lessc yang tidak dipublikasikan dan petunjuknya harus diikuti untuk mengidentifikasi URL git sebagai ketergantungan. Ini akan memastikan bahwa Anda menggunakan versi leesc yang benar untuk proyek Anda.

Penggunaan Sisi Server dan Baris Perintah

bin/lessctermasuk biner dalam repositori. Ia bekerja dengan Windows, OS X dan nodejs di * nix.

Penggunaan Baris Perintah

Input dibaca dari stdin ketika sumber disetel ke tanda hubung atau tanda hubung (-).

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

Misalnya, kita dapat mengkompilasi .less untuk .css dengan menggunakan perintah berikut -

lessc stylesheet.less stylesheet.css

Kami dapat mengkompilasi .less untuk .css dengan dan mengecilkan hasil menggunakan perintah berikut.

lessc -x stylesheet.less stylesheet.css

Pilihan

Tabel berikut mencantumkan opsi yang digunakan dalam penggunaan baris perintah -

Sr.No. Opsi & Deskripsi Perintah
1

Help

Pesan bantuan ditampilkan dengan pilihan yang tersedia.

lessc -help
lessc -h
2

Include Paths

Ini mencakup jalur yang tersedia ke perpustakaan. Jalur ini dapat direferensikan secara sederhana dan relatif di file Less. Path di windows dipisahkan oleh titik dua (:) atau titik koma (;).

lessc --include-path = PATH1;PATH2
3

Makefile

Ini menghasilkan daftar dependensi impor makefile ke stdout sebagai output.

lessc -M
lessc --depends
4

No Color

Ini menonaktifkan keluaran berwarna.

lessc --no-color
5

No IE Compatibility

Ini menonaktifkan pemeriksaan kompatibilitas IE.

lessc --no-ie-compat
6

Disable Javascript

Ini menonaktifkan javascript di lebih sedikit file.

lessc --no-js
7

Lint

Ia memeriksa sintaks dan melaporkan kesalahan tanpa keluaran apa pun.

lessc --lint
lessc -l
8

Silent

Ini secara paksa menghentikan tampilan pesan kesalahan.

lessc --silent
lessc -s
9

Strict Imports

Itu memaksa mengevaluasi impor.

lessc --strict-imports
10

Allow Imports from Insecure HTTPS Hosts

Ini mengimpor dari host HTTPS yang tidak aman.

lessc --insecure
11

Version

Ini menampilkan nomor versi dan keluar.

lessc -version
lessc -v
12

Compress

Ini membantu dalam menghilangkan spasi dan memampatkan output.

lessc -x
lessc --compress
13

Source Map Output Filename

Ini menghasilkan peta sumber lebih sedikit. Jika opsi peta sumber ditentukan tanpa nama file maka itu akan menggunakan peta ekstensi dengan nama file Less sebagai sumber.

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

Source Map Rootpath

Jalur root ditentukan dan harus ditambahkan ke jalur file Less di dalam peta sumber dan juga ke file peta yang ditentukan dalam css keluaran Anda.

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

Source Map Basepath

Sebuah jalur ditentukan yang harus dihapus dari jalur keluaran. Basepath kebalikan dari opsi rootpath.

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

Source Map Less Inline

Semua file Less harus disertakan dalam peta sumber.

lessc --source-map-less-inline
17

Source Map Map Inline

Ini menentukan bahwa dalam css keluaran, file peta harus sebaris.

lessc --source-map-map-inline
18

Source Map URL

Sebuah URL diperbolehkan untuk menimpa titik-titik dalam file peta di css.

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

Rootpath

Ini menetapkan jalur untuk penulisan ulang URL dalam impor relatif dan url.

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

Relative URLs

Dalam file yang diimpor, URL ditulis ulang sehingga URL selalu berhubungan dengan file dasar.

lessc -ru
lessc --relative-urls
21

Strict Math

Ini memproses semua fungsi Matematika di css Anda. Secara default, ini mati.

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

Strict Units

Ini memungkinkan unit campuran.

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

Global Variable

Variabel ditentukan yang dapat direferensikan oleh file.

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

Modify Variable

Ini tidak seperti opsi variabel global; itu memindahkan deklarasi di akhir file less Anda.

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

URL Arguments

Untuk berpindah ke setiap URL, argumen diperbolehkan untuk ditentukan.

lessc --url-args = "arg736357"
26

Line Numbers

Pemetaan sumber sebaris dibuat.

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

Plugin

Itu memuat plugin.

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