Dead Simple LESS Watch Compiler 使用教程-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00089/article/details/138062452

libraries是一个强大的代码库搜索引擎，聚合了GitHub、GitLab和Gitee的项目，利用爬虫技术抓取信息并提供高效搜索，支持多维度筛选。它简化了找库、学习和项目选型的过程，对开发者非常友好。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Dead Simple LESS Watch Compiler 使用教程

deadsimple-less-watch-compiler A nodejs script that allows you to watch a folder for changes and compile the less css files into another folder. 项目地址: https://gitcode.com/gh_mirrors/de/deadsimple-less-watch-compiler

1. 项目的目录结构及介绍

deadsimple-less-watch-compiler/
├── src/
│   ├── main.less
│   └── aux.less
├── dist/
│   └── main.css
├── test/
│   └── test.js
├── .babelrc
├── .gitignore
├── CODE_OF_CONDUCT.md
├── CONTRIBUTING.md
├── MIT-LICENSE.txt
├── README.md
├── _config.yml
├── less-watch-compiler.sample.config.json
├── package.json
├── renovate.json
└── yarn.lock

目录结构介绍

src/: 存放LESS源文件的目录。
- main.less: 主LESS文件。
- aux.less: 辅助LESS文件。
dist/: 存放编译后的CSS文件的目录。
- main.css: 编译后的主CSS文件。
test/: 存放单元测试文件的目录。
- test.js: 单元测试脚本。
.babelrc: Babel配置文件。
.gitignore: Git忽略文件配置。
CODE_OF_CONDUCT.md: 行为准则文件。
CONTRIBUTING.md: 贡献指南文件。
MIT-LICENSE.txt: 项目许可证文件。
README.md: 项目说明文件。
_config.yml: 项目配置文件。
less-watch-compiler.sample.config.json: LESS监视编译器的示例配置文件。
package.json: 项目依赖和脚本配置文件。
renovate.json: Renovate配置文件。
yarn.lock: Yarn锁定文件。

2. 项目的启动文件介绍

项目的启动文件是 less-watch-compiler.js，它位于项目的根目录下。该文件负责监视指定目录中的LESS文件变化，并在检测到变化时自动编译LESS文件为CSS文件。

启动命令

node less-watch-compiler.js [options] <source_dir> <destination_dir> [main-file]

source_dir: 源文件目录，即LESS文件所在的目录。
destination_dir: 目标文件目录，即编译后的CSS文件存放的目录。
main-file: 可选参数，指定主LESS文件。

示例

node less-watch-compiler.js src dist main.less

3. 项目的配置文件介绍

项目的配置文件是 less-watch-compiler.sample.config.json，它位于项目的根目录下。该文件定义了LESS监视编译器的行为和选项。

配置文件内容

{
  "watchFolder": "src",
  "outputFolder": "dist",
  "mainFile": "main.less",
  "includeHidden": false,
  "sourceMap": false,
  "plugins": "plugin1,plugin2",
  "lessArgs": "option1=1,option2=2",
  "runOnce": false,
  "enableJs": true
}