vite-plugin-global-style

CSS, SASS, LESS, Stylus files named starting with global are automatically added to the vite global style. For global CSS styles, they will be added to the index.html and will affect all pages. For global SASS/LESS/Stylus styles, they will be added to every SASS/LESS files using @import XXXX.

Install

npm install @originjs/vite-plugin-global-style --save-dev

or

yarn add @originjs/vite-plugin-global-style --dev

Usage

add @originjs/vite-plugin-global-style in vite.config.js.

import globalStyle from '@originjs/vite-plugin-global-style'

export default {
    plugins: [
        globalStyle(
            /* options */
        )
    ]
}

Options

• sourcePath

  • Type: string
  • Default: src/assets

  The relative path of the directory in which to search for global styles.

• cssEnabled

  • Type: boolean
  • Default: true

  Whether to automatically load the CSS global styles.

• sassEnabled

  • Type: boolean
  • Default: true

  Whether to automatically load the SASS global styles.

• lessEnabled

  • Type: boolean
  • Default: true

  Whether to automatically load the LESS global styles.

• stylusEnabled

  • Type: boolean
  • Default: true

  Whether to automatically load the Stylus global styles.

• recursive

  • Type: boolean
  • Default: true

  Whether to recursively search the global styles in the sourcePath directory.