node.js--Less

简介: 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')));


相关文章
|
19天前
|
JavaScript 前端开发 物联网
Node.js
Node.js
21 3
|
7月前
|
JavaScript 前端开发 容器
初识node.js(使用)
初识node.js(使用)
47 7
|
7月前
|
JSON JavaScript 前端开发
Node.js 的适用场景
Node.js 的适用场景
110 0
|
JavaScript 安全 前端开发
Node.js 20.6.0 特点
Node.js 20.6.0 特点
|
JavaScript 前端开发
初学Node.Js
初学Node.Js
66 0
|
Web App开发 JavaScript 前端开发
Node.js 是什么?
Node.js 是什么?
|
JSON JavaScript 前端开发
Node.js Next 10
Node.js Next 10
|
缓存 运维 JavaScript
狼叔:聊聊 Node.js
前阵子我在知乎上回答了《2021前端会有什么新的变化?》,单篇33.8万的阅读量,还是不错的,说明大家非常关心前端的变化趋势,这里再与大家分享一下我对 Node.js 相关内容的看法。
狼叔:聊聊 Node.js
|
JavaScript API 前端开发
Node.js - What's next
来自 Node.js 技术委员会(TSC)主席 Michael Dawson 在 D2 的分享,Node.js 工作组正在做的事情及未来规划。
Node.js - What's next
|
JavaScript 前端开发
Node.js的特点
作为后端JavaScript的运行平台,Node保留了前端JavaScript中些熟悉的接口,没有改写语言本身的任何特性,依旧基于作用域和原型链,区别在于它将前端中广泛应用的思想作用到了服务器端。下面我们来看看Node相对于其他语言的一些特点。
1423 0
下一篇
DataWorks