摘要:
現在已經有許多站點使用Node.js,所以在Node.js上配置Less環境也是很重要的,下面分享下如何在Node上使用Less開發,前提是你電腦上已經安裝node。
安裝:
只需要執行下面一句就完成全局安裝Less編譯模塊
npm install -g less
命令行中調用:
全局安裝完Less之后就可以在命令窗口上調用Lessc命令就會將Less文件編譯成css輸出到窗口。如下:
lessc styles.less
你可以選擇將這個輸出重定向到文件中,如下:
lessc styles.less > styles.css
此時你會在當前目錄中看到多一個css文件。如果你想輸出一個壓縮后的CSS,只要加到‘-x’選項即可。
在代碼中調用:
這時候我們需要安裝中間件--less-middleware,最新版本1.0.4,在程序中我們只需要引用這個模塊來編譯我們的less文件即可,如下代碼:
var lessMiddleware = require('less-middleware'), express = require('express'), app = express(), path = require('path'); app.use(lessMiddleware('/less', { dest: '/css', pathRoot: path.join(__dirname, 'public') })); app.use(express.static(path.join(__dirname, 'public')));
它會將/public/less下的less文件編譯到/public/css目錄下。更詳細的配置參數請閱讀官方文檔。
注意:
lessmiddleware的0.1.x版與1.0.x版有些差別,請閱讀https://github.com/emberfeather/less.js-middleware/wiki/Migration-0.1.x-1.0.x