首页  /  Web前端  /  less编译环境安装

less编译环境安装

 作者:白驹    来源:原创    浏览:130    日期:2020年4月19日  

编译Less文件

一、安装node

下载地址:https://nodejs.org/zh-cn/
基本下一步就可以,安装完成打开cmd运行node,正常运行即安装完成

基本下一步就可以,安装完成打开cmd运行node,正常运行即安装完成

二、安装less

#在cmd中运行如下命令
// 安装Less到全局(-g)
npm install less -g
// 使用less命令查看版本,检测是否安装成功
lessc -v 
// 编译指定Less文件 
lessc comon.less ./css/comon.min.css

二、安装CSS压缩插件

npm install less-plugin-clean-css -g
// 编译并压缩文件
lessc main.less ./css/main.min.css --clean-css

三、安装自动实时编译Less文件插件

// 安装 watcher-lessc 插件到全局
npm install watcher-lessc -g

// watcher-lessc 常用命令
-i  表示输入文件后面跟要编译的less文件 (必要)
-o  表示输出文件后面跟要编译出来的css文件 (必要)
-d  指定要监视的输入目录
-c  压缩css文件
-p  @import导入项 (测试发现不加也是可以的)

// 指定输入 .less 文件和输出 .css 文件
watcher-lessc -i common.less -o css/common.min.css

// 监听指定输入目录
watcher-lessc -i common.less -o css/common.min.css -d ./less

// 编译并压缩
watcher-lessc -i common.less -o css/common.min.css -d ./less -c
  • 相关文章
  • 评论
  • 相关评论