@docusaurus-plugin/less

> support less in docusaurus

Support less stylesheet language in docusaurus v2.

Installation

- using npm

``bash
$ npm i @docusaurus-plugin/less less less-loader -D
`

- using yarn

`bash
$ yarn add @docusaurus-plugin/less less less-loader -D
`

How to use

- Without less-loader options

`js
// docusaurus.config.js
module.exports = {
// omit unrelated docusaurus options
plugins: ['@docusaurus-plugin/less']
}
`

- With less-loader options

`js
// docusaurus.config.js
module.exports = {
plugins: [
'@docusaurus-plugin/less',
{
// less-loader options
// https://github.com/webpack-contrib/less-loader#options
}
]
}
`

Regular less

`tsx
// App.tsx
import './global.less'
`

Less CSS Modules

`tsx
// Button.tsx
import styles from './button.module.less'

export default function Button({ children }) {
return {children}
}
``