node.js--Less

简介: 摘要:    现在已经有许多站点使用Node.js,所以在Node.js上配置Less环境也是很重要的,下面分享下如何在Node上使用Less开发,前提是你电脑上已经安装node。 安装:   只需要执行下面一句就完成全局安装Less编译模块 npm install -g less 命令行中调用:   全局安装完Less之后就可以在命令窗口上调用Lessc命令就会将Less文件编译成css输出到窗口。

摘要:

   现在已经有许多站点使用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

 

相关文章
|
4月前
|
JavaScript 前端开发 容器
初识node.js(使用)
初识node.js(使用)
25 7
|
9月前
|
JSON 缓存 JavaScript
node.js(2)
简介 什么是模板化 将一个复杂的程序文件依据一定规则(规范)拆分成多个文件的过程称之为 模块化 好处 下面是模块化的一些好处: 防止命名冲突 高复用性 高维护性 暴露数据 如何暴露两种方式
59 0
|
8月前
|
JavaScript 安全 前端开发
Node.js 20.6.0 特点
Node.js 20.6.0 特点
|
10月前
|
JavaScript 前端开发
初学Node.Js
初学Node.Js
45 0
|
11月前
|
Web App开发 JavaScript 前端开发
Node.js 是什么?
Node.js 是什么?
|
11月前
|
SQL 存储 JavaScript
【Node.js】初识Node.js
【Node.js】初识Node.js
|
JavaScript 前端开发 API
【node.js】node.js的安装和配置
运行代码:使用快捷键Ctrl+Alt+N,或者按F1然后选择Run Code。停止正在运行的代码:使用快捷键Ctrl+Alt+M。
103 0
|
存储 Web App开发 JSON
一篇文章带你看懂Node.js
一篇文章带你看懂Node.js
145 0
一篇文章带你看懂Node.js
|
前端开发 JavaScript 中间件
node.js--Less
node.js--Less
|
缓存 运维 JavaScript
狼叔:聊聊 Node.js
前阵子我在知乎上回答了《2021前端会有什么新的变化?》,单篇33.8万的阅读量,还是不错的,说明大家非常关心前端的变化趋势,这里再与大家分享一下我对 Node.js 相关内容的看法。
狼叔:聊聊 Node.js