@farmfe/js-plugin-less
支持 Less
编译
Installation
- npm
- yarn
- pnpm
npm install @farmfe/js-plugin-less less
yarn add @farmfe/js-plugin-less less
pnpm add @farmfe/js-plugin-less less
Usage
import { UserConfig } from '@farmfe/core';
import farmJsPluginLess from '@farmfe/js-plugin-less';
const config: UserConfig = {
plugins: [
farmJsPluginLess({ /* options */ })
]
}
Options
export type LessPluginOptions = {
lessOptions?: Less.Options;
implementation?: string;
filters?: {
resolvedPaths?: string[];
moduleTypes?: string[];
};
additionalData?:
| string
| ((context?: string, resolvePath?: string) => string | Promise<string>);
};
lessOptions
请参阅Less 选项。
Example:
import path from 'node:path';
import { UserConfig } from '@farmfe/core';
import farmJsPluginLess from '@farmfe/js-plugin-less';
const config: UserConfig = {
plugins: [
farmJsPluginLess({
lessOptions: {
paths: [path.resolve(process.cwd(), 'styles')]
}
})
]
}
export default config;
filters
哪些文件应该由 less
处理。 默认为“ {resolvedPaths: ['\\.less$'] }
”用于加载,“{ moduleTypes: ['less'] }
”用于转换。
resolvedPaths
: 仅处理这些路径下的文件。 支持正则表达式。moduleTypes
:仅处理具有这些模块类型的文件。
resolvedPaths
和 moduleTypes
取并集。
Example:
import { UserConfig } from '@farmfe/core';
import farmJsPluginLess from '@farmfe/js-plugin-less';
const config: UserConfig = {
plugins: [
farmJsPluginLess({
filters: {
// all files end with .custom-css will be processed
resolvedPaths: ['\\.custom-less$'],
moduleTypes: ['less']
}
})
]
}
export default config;
implementation
less
的 implementation
包名称。 默认为 less
。
additionalData
type AdditionalDataOption = string | ((content?: string, resolvePath?: string) => string | Promise<string>);