更少

Parcel 使用 @parcel/transformer-less 插件自动支持 Less 文件。检测到 .less 文件时，它将自动安装到您的项目中。

编译后的 Less 文件也与 CSS 文件一样处理，这意味着它将针对您的浏览器目标进行编译，并且还会应用任何 PostCSS 插件。通过将文件命名为 .module.less 扩展名，也可以使用 CSS 模块。

示例用法

在 HTML 文件中引用 Less 文件

<link rel="stylesheet" href="style.less" />

在 JavaScript 或 TypeScript 中将 Less 文件作为 CSS 模块导入

import * as classes from './style.module.less';

document.body.className = classes.body;

使用 Parcel CLI 直接编译 Less

parcel build style.less

配置

要配置 Less，请创建一个 .lessrc 文件。要查看可用于配置 Less 的选项，请参阅官方 Less 文档。