首页 > 网站 > WEB开发 > 正文

node.js--Less

2024-04-27 14:16:04
字体:
来源:转载
供稿:网友

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


上一篇:display:inline-block

下一篇:Grunt--Less

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表