安裝
1.在D盤下新建less文件夾
2.在CMD命令提示符里寫
d:
cd less
npm install -g less
image.png
3.安裝 Less 后萤悴,就可以在命令行上調用 Less 編譯器了贼邓,如下:
lessc style.less
這將輸出編譯之后的 CSS 代碼到 stdout听诸,你可以將輸出重定向到一個文件:
lessc style.less > style.css
image.png
若要輸出壓縮過的 CSS,只需添加-x
選項徽鼎。如果希望獲得更好的壓縮效果准谚,還可以通過--clean-css
選項啟用進行壓縮逮走。
image.png
引入js
在客戶端使用 Less.js 是最容易的方式刚梭,并且在開發(fā)階段很方便,但是测僵,在生產環(huán)境中街佑,性能和可靠性非常重要,我們建議最好使用 node.js 或其它第三方工具進行預編譯捍靠。
在<head>中寫:
<link rel="stylesheet/less" href="less.less">
<script src="less.js-master/dist/less.js"></script>
提示:
務必確保在 less.js 之前加載你的樣式表沐旨。
如果加載多個 .less 樣式表文件,每個文件都會被單獨編譯榨婆。因此磁携,一個文件中所定義的任何變量、mixin 或命名空間都無法在其它文件中訪問良风。
樣本連接:
https://pan.baidu.com/s/1c1OOj3y