windows下使用node.js编译*.less文件

最新推荐文章于 2024-05-06 18:44:39 发布
最新推荐文章于 2024-05-06 18:44:39 发布
阅读量240 收藏
点赞数
分类专栏： Web Frontend Bootstrap 文章标签： less bootstrap 编译 node.js ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/general_fate/article/details/84483350
版权

1.安装node.js

进入node.js官网下载msi安装文件并安装。

 

2.npm安装less

运行cmd，进入node.js安装目录

通过命令：

npm install less -g

 全局安装less

 

3.使用lessc命令对*.less文件进行编译

格式：lessc [目标less文件目录] [生成css文件目录]

lessc example/example.less example/example.css

 

 

生成的css文件没有压缩

使用node.js对css文件进行压缩可以点击这里

General_Fate
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
less.js-server:一个在 node.js 上运行的本地 HTTP 服务器，监听和服务 LESS 文件编译请求
07-09
我们在开发过程中广泛使用它来将 *.less 文件编译为 *.css 文件。 我们以 root 身份运行它，以便创建的文件具有正确的权限，并且可以写入我们的任何开发树。 我们的基本流程是： 在收集 .css 文件以供服务时，请...
编译less的四种方式以及node.js的安装
F-ZERO-F的博客
09-18 6152
背景： 众所周知css只是一门描述性语言，语言内部没有编程思想，而且他的写法也相对有些笨重，所以就会造成css代码中有大量的低逻辑的代码，非常不利于维护和扩展造成复用性太差。CSS预处理器随之产生：CSS预处理器用一种专门的编程语言，进行样式设计，然后再编译成CSS文件，以供使用；目前使用普遍的css预处理器的编程语言有less sass等；（这些语言有了编程思想，有了逻辑就会提升复用性和可维护性...
node.js编译less文件
weixin_30621919的博客
04-02 158
大多数文章对于到底怎样编译less文件并没有一个详细的说明，清一色的grunt命令，看得也是晕晕的，所以也就有了这篇手记的存在。 步入正题 1.安装配置好sublime text3（包括各种实用插件）和node.js后，新建一个文件夹，这里取名less_test，文件目录结构如下：其中node_modules文件夹是调用npm install命令的时候在当前目录下创建的安装模块。2.在te...
如何编译.less文件（less.js）
weixin_41105030的博客
12-03 4109
有多少种方式可以将.less文件转换为.css文件 Less给 CSS 加点料!Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言，因为 Less 和 CSS 非常像，学习很容易。而且 Less 仅对 CSS 语言增加了少许方便的扩展，这就是 Less 如此易学的原因之一。官方文档 lessc 首先要安装node环境 全局安装npm/cnpm...
[Node] Node.js Webpack和打包过程
CoderHing的博客~
10-17 5632
[Node] Node.js Webpack和打包过程 webpack并不清楚我们打包后的文件是否需要转成ES5之前的语法 后续我们需要通过babel进来转换和设置。所以安装webpack时 我们需要同时安装webpack-cli(第三方的脚手架事实上是没有使用webpack-cli的 而是类似于自己的vue-service-cli的东西)在通常情况下,webpack需要打包的项目是非常复杂的,并且我们需要一系列的配置来满足要求,默认配置必然是不可以的。显示路径会出现一些问题;
Vue基础知识总结 8：Node.js简介
学Java，找哪吒
06-23 5909
一、axios简介 axios是独立于vue的一个项目，基于promise用于浏览器和node.js的http客户端 在浏览器中可以帮助我们完成 ajax请求的发送 在node.js中可以向远程接口发送请求 二、代码实例 1、获取数据 <script src="vue.min.js"></script> <script src="axios.min.js"></script> 注意：测试时需要开启后端服务器，并且后端开启跨域访问权限 2、模拟后
Linux环境下node.js环境的搭建以及配置，使用node.js编写工具与简化less编译
vickay的博客
06-17 3020
由于我的服务器是买的云服务器，因此整个是连接ssh进行配置的LNMP由于云服务器刚使用不久，此前一直是只安装了centos 6.5版本的裸机，因此这次顺道配置了LNMP，整个LNMP环境的安装和LAMP环境的搭建基本一致。附本人参照的配置博客：http://www.cnblogs.com/xiaoit/p/3991037.html，这篇博客只是基础的安装LNMP，并测试Nginx解析php脚本文件，
Node.js构建Vue项目
Dream_it_possible！的博客
01-16 6475
文章目录1. 安装node.js2. 配置环境变量3. 安装项目依赖4. 启动项目 1. 安装node.js node.js v10.16.0官网下载链接 2. 配置环境变量 3. 安装项目依赖 在项目里打开终端terminal, 输入命令 npm install npm install 报错: chromdriver connectreset 解决方法: 使用npm安装谷歌驱动, 下载完成后, 将下载好的驱动拷贝到指定路径里: npm install chromedriver --chromedri
Node.js及Npm包常用命令
刘鑫磊
04-05 1211
2.3 解决下包速度慢的问题：利用nrm工具。：Javascript运行环境和库。2.2 切换npm的下包镜像源。5.登录NPM、发布、删除。2.1 安装和查看版本。
[笔记] 在node.js下编译Less 文件
aan45813的博客
04-13 107
Jacob's Blog - [笔记] 在node.js下编译Less 文件 转载于:https://www.cnblogs.com/caoshan/articles/nodejs-less.html
使用node.js编写工具简化less编译(less2css.js)
08-07
NULL 博文链接：https://andrewstz.iteye.com/blog/2031427
使用nodeJs来安装less及编译less文件为css文件的方法
12-23
使用nodejs安装less以及编译less文件为css文件 首先下载nodeJs的安装包，按照步骤，安装nodejs.  链接：http://pan.baidu.com/s/1dEsqYB3 密码：bkkh 这个链接里面有nodejs的安装包，大家可以直接下载下来，安装就...
LESS-Recursive-Compiler:Node.js 的递归 LESS 编译器
06-20
LESS-Recursive-Compiler 是一个节点模块，它以编程方式编译指定目录中的所有 LESS 或 CSS 文件，并将它们全部放置在与源目录具有相同结构的另一个指定目录中。 版本 1.0.2 更新 1.0.3 错误修复和依赖更新 1.0.2 ...
跟TED演讲学英文：What moral decisions should driverless cars make by Iyad Rahwan
阿正的梦工坊
05-06 792
The tragedy of the commons
Node.js 的 fs 模块分析及其应用
04-29 626
使用fs同步与异步操作fs模块提供了同步和异步两种操作方式，其中异步方式不会阻塞程序的其他操作，是推荐的使用方式。路径理解: 在进行文件操作时，必须指定正确的文件路径，这可以是绝对路径也可以是相对路径。Buffer 类型: 在 Node.js 中，Buffer类型用于处理二进制数据流，常在文件数据处理中使用。
node-v4.8.6-win-x64.zip
05-07
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
基础运维技能（下）md格式笔记
最新发布
05-07
基础运维技能（下）md格式笔记
node-v8.1.2-linux-armv7l.tar.xz
05-07
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
less文件转换成css文件
05-22
要将LESS文件转换为CSS文件，您需要使用一个LESS编译器。以下是一些流行的LESS编译器： 1. Less.js：这是一个JavaScript库，可以在浏览器中将LESS编译为CSS。 2. Node.js：这是一个基于JavaScript的服务器端运行环境，可以使用Node.js上的LESS模块将LESS编译为CSS。 3. Prepros：这是一款桌面应用程序，可以将LESS、Sass、Stylus等预处理器编译为CSS。 无论您选择哪种方法，下面是一些通用的步骤： 1. 安装LESS编译器。 2. 将LESS文件保存为`.less`扩展名。 3. 使用编译器将LESS文件编译为CSS文件。 4. 将编译后的CSS文件保存为`.css`扩展名。 以下是在Node.js上使用LESS模块将LESS编译为CSS的示例代码： 1. 安装LESS模块：`npm install -g less` 2. 创建一个名为`style.less`的LESS文件。 3. 使用以下命令将`style.less`编译为`style.css`： ``` lessc style.less > style.css ``` 4. 现在您应该可以在项目中看到一个名为`style.css`的文件，其中包含从LESS文件编译生成的CSS代码。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值