node.js--Less


摘要:

   現在已經有許多站點使用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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM