Skip to content

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

bash
pnpm add -D @unocss/webpack
bash
yarn add -D @unocss/webpack
bash
npm install -D @unocss/webpack
bash
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:

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

Released under the MIT License.