น้อย - การใช้บรรทัดคำสั่ง

ใช้บรรทัดคำสั่งที่เราสามารถรวบรวม.lessไฟล์.css

การติดตั้ง lessc สำหรับการใช้งานทั่วโลก

คำสั่งต่อไปนี้ใช้เพื่อติดตั้ง lessc ด้วย npm (node ​​package manager) เพื่อทำให้ lessc พร้อมใช้งานทั่วโลก

npm install less -g

คุณยังสามารถเพิ่มเวอร์ชันเฉพาะหลังชื่อแพ็กเกจได้ ตัวอย่างเช่นnpm install [email protected] -g

การติดตั้งสำหรับการพัฒนาโหนด

คำสั่งต่อไปนี้ใช้เพื่อติดตั้งlesscเวอร์ชันล่าสุดในโฟลเดอร์โปรเจ็กต์ของคุณ

npm i less -save-dev

นอกจากนี้ยังเพิ่มไปยัง devDependencies ใน project package.json ของคุณ

รุ่นเบต้าของ lessc

มันถูกแท็กเป็นเบต้าเมื่อไฟล์ lessc เผยแพร่โครงสร้างไปยัง npmที่นี่มีการพัฒนาฟังก์ชันใหม่เป็นระยะ less -vใช้เพื่อรับเวอร์ชันปัจจุบัน

การติดตั้ง lessc เวอร์ชันการพัฒนาที่ไม่ได้เผยแพร่

จะต้องระบุคอมมิต - ish เมื่อเราดำเนินการติดตั้ง lessc เวอร์ชันที่ไม่ได้เผยแพร่และต้องปฏิบัติตามคำแนะนำเพื่อระบุ git URL เป็นการอ้างอิง เพื่อให้แน่ใจว่าคุณใช้ leesc เวอร์ชันที่ถูกต้องสำหรับโครงการของคุณ

การใช้งานฝั่งเซิร์ฟเวอร์และบรรทัดคำสั่ง

bin/lesscรวมไบนารีไว้ในที่เก็บ ทำงานร่วมกับ Windows, OS X และ nodejs บน * nix

การใช้บรรทัดคำสั่ง

อินพุตถูกอ่านจาก stdin เมื่อกำหนดแหล่งที่มาเป็นเส้นประหรือยัติภังค์ (-)

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

ตัวอย่างเช่นเราสามารถรวบรวม .less ถึง .css โดยใช้คำสั่งต่อไปนี้ -

lessc stylesheet.less stylesheet.css

เราสามารถรวบรวม .less ถึง .css โดยและย่อขนาดผลลัพธ์โดยใช้คำสั่งต่อไปนี้

lessc -x stylesheet.less stylesheet.css

ตัวเลือก

ตารางต่อไปนี้แสดงตัวเลือกที่ใช้ในการใช้บรรทัดคำสั่ง -

ซีเนียร์ ตัวเลือกและคำอธิบาย คำสั่ง
1

Help

ข้อความช่วยเหลือจะปรากฏขึ้นพร้อมตัวเลือกที่มีให้

lessc -help
lessc -h
2

Include Paths

รวมถึงเส้นทางที่ใช้ได้ไปยังห้องสมุด เส้นทางเหล่านี้สามารถอ้างอิงได้อย่างเรียบง่ายและค่อนข้างซับซ้อนในไฟล์ Less เส้นทางใน windows จะคั่นด้วยเครื่องหมายทวิภาค (:) หรืออัฒภาค (;)

lessc --include-path = PATH1;PATH2
3

Makefile

สร้างรายการการอ้างอิงการนำเข้า makefile เพื่อ stdout เป็นเอาต์พุต

lessc -M
lessc --depends
4

No Color

ปิดการใช้งานเอาต์พุตสี

lessc --no-color
5

No IE Compatibility

ปิดใช้งานการตรวจสอบความเข้ากันได้ของ IE

lessc --no-ie-compat
6

Disable Javascript

ปิดการใช้งานจาวาสคริปต์ในไฟล์น้อยลง

lessc --no-js
7

Lint

ตรวจสอบไวยากรณ์และรายงานข้อผิดพลาดโดยไม่มีเอาต์พุตใด ๆ

lessc --lint
lessc -l
8

Silent

โดยบังคับให้หยุดการแสดงข้อความแสดงข้อผิดพลาด

lessc --silent
lessc -s
9

Strict Imports

บังคับให้ประเมินการนำเข้า

lessc --strict-imports
10

Allow Imports from Insecure HTTPS Hosts

นำเข้าจากโฮสต์ HTTPS ที่ไม่ปลอดภัย

lessc --insecure
11

Version

จะแสดงหมายเลขเวอร์ชันและออก

lessc -version
lessc -v
12

Compress

ช่วยในการลบช่องว่างและบีบอัดเอาต์พุต

lessc -x
lessc --compress
13

Source Map Output Filename

มันสร้าง sourcemap น้อยลง หากกำหนดอ็อพชัน sourcemap โดยไม่มีชื่อไฟล์ก็จะใช้นามสกุลไฟล์ที่มีชื่อไฟล์ Less เป็นซอร์ส

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

Source Map Rootpath

รูทพา ธ ถูกระบุและควรเพิ่มในพา ธ ไฟล์ Less ภายในซอร์สแมปและในไฟล์แม็พที่ระบุไว้ในเอาต์พุต css ของคุณ

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

Source Map Basepath

มีการระบุพา ธ ซึ่งจะต้องถูกลบออกจากพา ธ เอาต์พุต Basepath อยู่ตรงข้ามกับตัวเลือก rootpath

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

Source Map Less Inline

ไฟล์ Less ทั้งหมดควรรวมอยู่ใน Sourcemap

lessc --source-map-less-inline
17

Source Map Map Inline

ระบุว่าในเอาต์พุต css ไฟล์แผนที่ควรอยู่ในบรรทัด

lessc --source-map-map-inline
18

Source Map URL

URL ได้รับอนุญาตให้แทนที่จุดในไฟล์แผนที่ใน css

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

Rootpath

กำหนดเส้นทางสำหรับการเขียน URL ใหม่ในการนำเข้าและ URL แบบสัมพัทธ์

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

Relative URLs

ในไฟล์ที่นำเข้า URL จะถูกเขียนใหม่เพื่อให้ URL สัมพันธ์กับไฟล์ฐานเสมอ

lessc -ru
lessc --relative-urls
21

Strict Math

มันประมวลผลฟังก์ชัน Math ทั้งหมดใน css ของคุณ โดยค่าเริ่มต้นจะปิด

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

Strict Units

อนุญาตให้ใช้หน่วยผสม

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

Global Variable

มีการกำหนดตัวแปรซึ่งสามารถอ้างอิงได้โดยไฟล์

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

Modify Variable

ซึ่งไม่เหมือนกับตัวเลือกตัวแปรส่วนกลาง มันย้ายการประกาศที่ท้ายไฟล์น้อยของคุณ

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

URL Arguments

ในการย้ายไปยังทุก URL สามารถระบุอาร์กิวเมนต์ได้

lessc --url-args = "arg736357"
26

Line Numbers

สร้างการแมปแหล่งที่มาแบบอินไลน์

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

Plugin

มันโหลดปลั๊กอิน

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