Atom无法仅靠atom-less编译Less，因其自2017年停更、依赖旧版less导致解析错误且不输出CSS；可靠方案是less-build联动全局lessc CLI，需正确配置cwd路径以解决@import解析问题。
Atom 本身不支持直接编译 Less，必须借助第三方包；官方早已停止维护 atom-less，现在唯一可靠方案是用 less-build + build 系统联动 lessc CLI。
为什么不能只装 atom-less？
这个包自 2017 年起就不再更新，它依赖的旧版 less 库存在解析错误（比如对嵌套规则、变量作用域处理异常），且无法识别 @import 中带引号路径（@import "vars.less" 会报 File not found）。更关键的是，它不输出 CSS 文件，只做语法高亮和简单校验，根本不是编译器。
如何用 less-build 正确编译 Less？
前提是系统已全局安装 lessc：运行 npm install -g less（确认 lessc -v 能输出版本）。然后在 Atom 中：
使用 ImageMagick 的 convert 和 mogrify 命令进行批量图像处理，支持调整大小、裁剪、水印和格式转换。与 libvips 集成以实现高性能缩略图生成。
- 安装
build和less-build两个包（顺序无关） - 打开一个
.less文件，按Ctrl+Shift+B（macOS 是Cmd+Shift+B）触发构建 - 首次运行会弹出配置面板，选
Less Build→ 勾选Auto-generate config - 生成的
.atom-build.json里确保"cwd"指向项目根目录，否则@import会找不到相对路径文件
less-build 的关键参数怎么调？
默认配置生成的 CSS 不带 source map、压缩级别低，实际开发中建议手动改 .atom-build.json：
{
"cmd": "lessc",
"args": [
"--source-map",
"--source-map-rootpath=../",
"--strict-math=on",
"--clean-css"
],
"sh": true,
"cwd": "{PROJECT_PATH}",
"targets": {
"css": {
"ext": "css",
"src": "{FILE_ACTIVE_PATH}",
"dest": "{FILE_ACTIVE_PATH}.css"
}
}
}
注意三点：--strict-math=on 避免 10px / 2 被当成除法报错；--clean-css 启用压缩（不加则输出未压缩 CSS）；dest 路径若写成 {FILE_ACTIVE_BASENAME}.css 会导致输出到 Atom 安装目录而非当前项目，务必用完整路径变量。
真正麻烦的不是配置，而是 Less 的 @import 路径解析完全依赖 lessc 当前工作目录（cwd），而不是文件所在目录——这点和 Webpack 或 VS Code 插件逻辑相反，很容易编译时提示 “Cannot resolve import”，其实只是 cwd 设错了。
