node.js编译less文件

大多数文章对于到底怎样编译less文件并没有一个详细的说明,清一色的grunt命令,看得也是晕晕的,所以也就有了这篇手记的存在。

步入正题

1.安装配置好sublime text3(包括各种实用插件)和node.js后,新建一个文件夹,这里取名less_test,文件目录结构如下:

其中node_modules文件夹是调用npm install命令的时候在当前目录下创建的安装模块。
2.在test.less文件里面随意写些代码:

3.打开命令行(cmd),进入less_test文件夹,输入npm install -g less,完成全局安装less编译模块:

4.输入lessc (需要编译的less文件名称及路径)>(编译生成的CSS文件名称及路径):

然后就会发现在相应的路径下出现了编译后的CSS文件:

至此,我们就完成了用node.js编译less文件的工作。但是这种方法无法做到实时编译,编译一次写一次路径也比较麻烦。可以选择Prepros实现实时编译less文件。

原文地址:https://www.cnblogs.com/jianxian/p/10640835.html

时间: 2024-10-11 16:27:30

node.js编译less文件的相关文章

Node.js入门:文件查找机制

文件查找流程图 从文件模块缓存中加载 尽管原生模块与文件模块的优先级不同,但是都不会优先于从文件模块的缓存中加载已经存在的模块. 从原生模块加载 原生模块的优先级仅次于文件模块缓存的优先级.require方法在解析文件名之后,优先检查模块是否在原生模块列表中.以http模块为例,尽管在目录下存在一个http/http.js/http.node/http.json文件,require("http")都不会从这些文件中加载,而是从原生模块中加载. 原生模块也有一个缓存区,同样也是优先从缓存

Node.js上传文件

var formidable = require('formidable'); var util = require('util'); exports.upload = function(req,res){ var form = new formidable.IncomingForm(); form.encoding = 'utf-8'; form.uploadDir = "E:/file/upload";//目录需要已存在 /** * fields 表单中的其他属性 * files

使用Node.JS监听文件夹变化

使用Node.JS监听文件夹改变有许多应用场合,比如: 构建自动编绎工具 当源文件改变时,自动运行build过程,比如当你写CoffeeScript文件或SASS CSS文件时,保存之后可即时生成对应的JS或CSS. 构建自动布署工具 通过侦听源文件夹的改变,你可以自动即时将改后的文件布署到测试服务器,加快你的开发测试速度. 这些工具其实都需要侦听文件夹的改变,基于Node.JS的侦听文件夹改变的模块有很多. fs.watch 其中Node.JS的文件系统也可侦听某个目录的改变, 如fs.wat

部署vuejs dist文件,通过node.js编译

前期准备: 1. Linux环境,安装配置node.js ① 下载地址:http://nodejs.cn/download/  ,下载linux 64位 ② 已编译好的压缩包,解压到指定目录 1 cd /opt/ #切换到指定目录 2 rz #上传文件到指定目录 3 tar xf node-v10.8.0-linux-x64.tar.xz #解压4 mv node-v10.8.0-linux-x64 nodejs #文件夹改名为nodejs5 cd nodejs/ #进入解压目录 6 ./bin

Meteor node.js 复制(copy)文件的方法

以下三种方法中请注意加: var exec = Npm.require('child_process').exec; var fs =Npm.require('fs'); 1.  原文件在private目录下,用Meteor 的Assets读取内容,使用node.js的fs.writeFile()写入,这种方法只能适用文本文件 var copyFile=function(){ //检测目标文件是否存在 fs.open( FILE_STORE_AB_PATH+"/aapt",'r',fu

node.js 监听文件变化并打印

1 Use node.js library "chokidar"2 Detail code: var watcher = chokidar.watch("/home/camille/Downloads", { ignored: /[\/\]./, persistent: true }); var log = console.log.bind(console); watcher .on('add', function(path) { log('File', path,

sublime3设置node.js编译

1. 首先需安装node环境并配置好环境变量,安装教程. 2. 然后在sublime中打开工具(Tools)→编译系统(Build System)→新编译系统(New Build System) 3. 执行步骤二会出现一个名为untitled.sublime-build的文件,复制粘贴下面代码并在相同目录下保存为 Node.sublime-build { "cmd": ["node", "$file"], "selector"

node.js 读取动态文件

今天有人问ndoe.js如何下载正在写入中的文件的数据. 场景: 文件Server A,临时Server B,客户端 C.Server A 存有极大的文件,需要提供给多个客户端C下载. 为了节省Server A端的带宽和访问压力,做一个中间层即ServerB,Server B从Server A下载大文件到本地,为了节省时间和带宽,下载过程中,同时提供客户端来下载. 难点: Server B从ServerA下载文件的同时要把正在保存中的文件提供给客户端下载,类似于提供给客户端断点续传的功能. 解决

如何js编译的文件dll对于网页电话

1. 加入一个项目的解决方案:JSControl 2. 在这个项目中加入js文件(JScript1.js) 脚本的内容: function showAlert(){ alert('Today is a good dary'); } 3. 改变JScript1.js的属性,Build Action为Embedded Resource(嵌入的资源) 4. 在JSControl项目的AssemblyInfo.cs文件里加入一行:(注意JSControl.JScript1.js,JSControl是命名