@docusaurus-plugin/less

support less in docusaurus

Support less stylesheet language in docusaurus v2.

Installation

• using npm

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

• using yarn

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

How to use

• Without less-loader options

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

• With less-loader options

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

Regular less

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

Less CSS Modules

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

export default function Button({ children }) {
  return <button classNames={styles.button}>{children}</button>
}

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

0.1.1 (2020-12-10)

Note: Version bump only for package @docusaurus-plugin/less

0.1.0 (2020-12-10)

Features

• plugin-less: add onlyLocals for prerender (2a6f147)
• plugin-less: less-loader with css module support (72f55a3)
• plugin-less: recover sideEffects tag (9cbefb6)