LESS - Komut Satırı Kullanımı

Komut satırını kullanarak .less dosyasını .css olarak derleyebiliriz .

Dünya Çapında Kullanım için Lessc Yükleme

Aşağıdaki komut, lessc'yi global olarak kullanılabilir kılmak için npm (düğüm paketi yöneticisi) ile lessc'yi kurmak için kullanılır.

npm install less -g

Paket adından sonra belirli bir sürüm de ekleyebilirsiniz. Örneğinnpm install [email protected] -g

Düğüm Geliştirme için Yükleme

Aşağıdaki komut, proje klasörünüze lessc'nin en son sürümünü yüklemek için kullanılır .

npm i less -save-dev

Ayrıca proje paketiniz.json'daki devDependencies ürününe eklenir.

Lessc'nin beta sürümleri

Beta olarak etiketlenir. lessc yapı yayınlandı npmBurada yeni işlevsellik periyodik olarak geliştirilmektedir. daha az -v mevcut sürümü almak için kullanılır.

Lessc'nin yayınlanmamış bir geliştirme sürümünü yükleme

Commit - ish, lessc'nin yayınlanmamış bir sürümünü kurmaya devam ettiğimizde ve git URL'sini bağımlılık olarak tanımlamak için talimatların takip edilmesi gerektiğinde belirtilecektir. Bu, projeniz için leesc'in doğru sürümünü kullanmanızı sağlayacaktır.

Sunucu Tarafı ve Komut Satırı Kullanımı

bin/lesscdepoda ikili içerir. Windows, OS X ve nodejs ile * nix üzerinde çalışır.

Komut Satırı Kullanımı

Giriş okundu stdin kaynak kısa çizgi veya kısa çizgi (-) olarak ayarlandığında.

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

Örneğin, derleyebiliriz .less -e .css aşağıdaki komutu kullanarak -

lessc stylesheet.less stylesheet.css

Derleyebiliriz .less -e .css aşağıdaki komutu kullanarak sonucu küçültün ve küçültün.

lessc -x stylesheet.less stylesheet.css

Seçenekler

Aşağıdaki tablo komut satırı kullanımında kullanılan seçenekleri listeler -

Sr.No. Seçenekler ve Açıklama Komut
1

Help

Mevcut seçeneklerle birlikte yardım mesajı görüntülenir.

lessc -help
lessc -h
2

Include Paths

Kitaplığa giden mevcut yolları içerir. Bu yollara daha az dosyada basitçe ve göreceli olarak başvurulabilir. Pencerelerdeki yollar, iki nokta üst üste (:) veya noktalı virgül (;) ile ayrılır.

lessc --include-path = PATH1;PATH2
3

Makefile

Çıktı olarak stdout'a bir makefile içe aktarma bağımlılıkları listesi oluşturur.

lessc -M
lessc --depends
4

No Color

Renklendirilmiş çıktıyı devre dışı bırakır.

lessc --no-color
5

No IE Compatibility

IE uyumluluk kontrollerini devre dışı bırakır.

lessc --no-ie-compat
6

Disable Javascript

Javascript'i daha az dosyada devre dışı bırakır.

lessc --no-js
7

Lint

Sözdizimini kontrol eder ve herhangi bir çıktı olmadan hatayı bildirir.

lessc --lint
lessc -l
8

Silent

Hata mesajlarının görüntülenmesini zorla durdurur.

lessc --silent
lessc -s
9

Strict Imports

İthalatı değerlendirir.

lessc --strict-imports
10

Allow Imports from Insecure HTTPS Hosts

Güvenli olmayan HTTPS ana bilgisayarlarından içe aktarır.

lessc --insecure
11

Version

Sürüm numarasını görüntüler ve çıkışlar.

lessc -version
lessc -v
12

Compress

Beyaz boşlukları kaldırmaya ve çıktıyı sıkıştırmaya yardımcı olur.

lessc -x
lessc --compress
13

Source Map Output Filename

Daha az kaynak haritası oluşturur. Sourcemap seçeneği dosya adı olmadan tanımlanırsa, kaynak olarak Less file name ile uzantı eşlemesini kullanır.

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

Source Map Rootpath

Rootpath belirtilir ve kaynak haritasının içindeki Less file paths'e ve ayrıca çıktı css'nizde belirtilen harita dosyasına eklenmelidir.

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

Source Map Basepath

Çıkış yollarından kaldırılması gereken bir yol belirtilir. Temel yol, kök yolu seçeneğinin tersidir.

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

Source Map Less Inline

Tüm Less dosyaları, kaynak haritasına dahil edilmelidir.

lessc --source-map-less-inline
17

Source Map Map Inline

Çıktı css'de harita dosyasının satır içi olması gerektiğini belirtir.

lessc --source-map-map-inline
18

Source Map URL

Bir URL'nin css'deki harita dosyasındaki noktaları geçersiz kılmasına izin verilir.

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

Rootpath

Göreli içe aktarmalarda ve URL'lerde URL yeniden yazma yollarını belirler.

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

Relative URLs

İçe aktarılan dosyalarda, URL her zaman temel dosyaya göreceli olacak şekilde yeniden yazılır.

lessc -ru
lessc --relative-urls
21

Strict Math

CSS'nizdeki tüm Matematik işlevlerini işler. Varsayılan olarak kapalıdır.

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

Strict Units

Karışık birimlere izin verir.

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

Global Variable

Dosya tarafından referans alınabilecek bir değişken tanımlanmıştır.

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

Modify Variable

Bu, genel değişken seçeneğinden farklıdır; daha az dosyanızın sonunda bildirimi taşır.

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

URL Arguments

Her URL'ye geçmek için, bir argümanın belirtilmesine izin verilir.

lessc --url-args = "arg736357"
26

Line Numbers

Satır içi kaynak eşleme oluşturulur.

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

Plugin

Eklentiyi yükler.

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