Webpack Plugin

De webpack plugin voor UnoCSS: @unocss/webpack. Momenteel ondersteunt deze plugin alleen de global modus.

INFO

Deze plugin wordt niet geleverd met standaard presets.

Vereisten

@unocss/webpack vereist style-loader en css-loader om CSS bestanden te verwerken.

Installatie

pnpm

pnpm add -D @unocss/webpack

yarn

yarn add -D @unocss/webpack

npm

npm install -D @unocss/webpack

bun

bun add -D @unocss/webpack

Vanaf UnoCSS versie v0.59.0, is UnoCSS verplaatst naar alleen ESM, je moet je configuratie laden via dynamic import:

webpack 5

// webpack.config.js
module.exports = function () {
  return import('@unocss/webpack').then(({ default: UnoCSS }) => ({
    plugins: [
      UnoCSS()
    ],
    optimization: {
      realContentHash: true
    }
  }))
}

webpack 4

// webpack.config.js
module.exports = {
  // ...
}