Plugin Webpack

Plugin-ul webpack pentru UnoCSS: @unocss/webpack. În prezent, acest plugin suportă doar modul global.

INFO

Acest plugin nu vine cu niciun preset implicit.

Precondiție

@unocss/webpack necesită style-loader și css-loader pentru a gestiona fișierele CSS.

Instalare

pnpm

pnpm add -D @unocss/webpack

yarn

yarn add -D @unocss/webpack

npm

npm install -D @unocss/webpack

bun

bun add -D @unocss/webpack

Din versiunea UnoCSS v0.59.0, UnoCSS a fost mutat la ESM-only, trebuie să încărcați configurația prin import dinamic:

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 = function () {
  return import('@unocss/webpack').then(({ default: UnoCSS }) => ({
    plugins: [
      UnoCSS()
    ],
    css: {
      extract: {
        filename: '[name].[hash:9].css'
      },
    },
  }))
}

Dacă utilizați o versiune mai veche de UnoCSS, puteți utiliza următorul cod: