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

ใช้บรรทัดคำสั่งที่เราสามารถรวบรวม.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

ตัวเลือก

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


lessc -help
lessc -h
lessc --include-path = PATH1;PATH2
lessc -M
lessc --depends
lessc --no-color
lessc --no-ie-compat
lessc --no-js
lessc --lint
lessc -l
lessc --silent
lessc -s
lessc --strict-imports
lessc --insecure
lessc -version
lessc -v
lessc -x
lessc --compress
lessc --source-map
lessc -source-map = file.map
lessc --source-map-rootpath = dev-files/
lessc --source-map-basepath = less-files/
lessc --source-map-less-inline
lessc --source-map-map-inline
lessc --source-map-url = ../my-map.json
lessc -rp=resources/
lessc --rootpath=resources/
lessc -ru
lessc --relative-urls
lessc -sm = on
lessc --strict-math = on
lessc -su = on
lessc --strict-units = on
lessc --global-var = "background = green"
lessc --modify-var = "background = green"
lessc --url-args = "arg736357"
lessc --line-numbers = comments
lessc --line-numbers = mediaquery
lessc --line-numbers = all
lessc --clean-css
lessc --plugin = clean-css = "advanced"

ซีเนียร์	ตัวเลือกและคำอธิบาย	คำสั่ง
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"`