windicss-webpack-plugin

<h1 align='center'>windicss-webpack-plugin</h1>

MIT 89 个版本
主页
仓库
提交 Issue
安装
npm install windicss-webpack-plugin
yarn add windicss-webpack-plugin
pnpm add windicss-webpack-plugin
bun add windicss-webpack-plugin
README

windicss-webpack-plugin

:leaves: Windi CSS for webpack️
Next generation utility-first CSS framework.

⚠️ Consider using UnoCSS instead, it's a rebuild of the WindiCSS core with a lot of improvements and new features.


Status: Stable - Maintenance only
Made possible by my Sponsor Program 💖
Follow me @harlan_zw 🐦

Features

  • 🧩 On-demand CSS utilities (Compatible with Tailwind CSS v2) and preflights
  • 🍃 Load configurations from tailwind.config.js
  • 🤝 Framework-agnostic: Vue CLI, Nuxt, Next, UmiJS, etc!
  • 📄 Use directives in any CSS (SCSS, LESS, etc) @apply, @variants, @screen, @layer, theme(),
  • 🎳 Support Utility Groups - e.g. bg-gray-200 hover:(bg-gray-100 text-red-300)

Documentation

Read the documentation for more details.

New Webpack Plugin Features

Design in DevTools mode

Add the import with your existing windi imports and you'll have autocompletion in your Chrome DevTools! See "Design in DevTools" for more information.

import 'virtual:windi-devtools'

Thanks await-ovo!

New Windi v3.0 Features

Attributify Mode

Enabled it by

// windi.config.ts
export default {
  attributify: true
}

And use them as you would like:

<button 
  bg="blue-400 hover:blue-500 dark:blue-500 dark:hover:blue-600"
  text="sm white"
  font="mono light"
  p="y-2 x-4"
  border="2 rounded blue-200"
>
  Button
</button>

Alias Config

// windi.config.ts
export default {
  alias: {
    'hstack': 'flex items-center',
    'vstack': 'flex flex-col',
    'icon': 'w-6 h-6 fill-current',
    'app': 'text-red',
    'app-border': 'border-gray-200 dark:border-dark-300',
  },
}

Sponsors

License

MIT License © 2022 - Present Harlan Wilton

版本列表
1.8.0 2023-09-14
1.7.8 2023-02-09
1.7.7 2022-10-21
1.7.6 2022-08-29
1.7.5 2022-07-28
1.7.4 2022-07-09
1.7.3 2022-05-23
1.7.2 2022-04-20
1.7.1 2022-04-20
1.7.0 2022-04-20
1.6.10 2022-04-12
1.6.9 2022-04-11
1.6.7 2022-03-03
1.6.6 2022-02-22
1.6.5 2022-02-16
1.6.4 2022-02-01
1.6.2 2021-12-22
1.6.1 2021-12-21
1.6.0 2021-12-09
1.5.9 2021-12-07
1.5.8 2021-11-18
1.5.7 2021-11-18
1.5.6 2021-11-08
1.5.5 2021-10-28
1.5.4 2021-10-28
1.5.3 2021-10-26
1.5.2 2021-10-26
1.5.1 2021-10-26
1.5.0 2021-10-26
1.4.10 2021-10-19
1.4.9 2021-10-12
1.4.8 2021-09-14
1.4.7 2021-09-12
1.4.6 2021-08-25
1.4.5 2021-08-25
1.4.4 2021-08-13
1.4.3 2021-08-07
1.4.2 2021-08-05
1.4.1 2021-07-24
1.4.0 2021-07-22
1.3.0 2021-07-09
1.2.5 2021-07-08
1.2.4 2021-07-05
1.2.3 2021-07-05
1.2.2 2021-07-02
1.2.1 2021-06-25
1.2.0 2021-06-24
1.1.2 2021-06-23
1.1.1 2021-06-23
1.1.0 2021-06-15
1.0.0 2021-06-06
0.6.2 2021-06-02
0.6.1 2021-05-24
0.6.0-4 2021-05-23
0.6.0-3 2021-05-12
0.6.0-2 2021-05-10
0.6.0-1 2021-05-10
0.6.0-0 2021-05-07
0.6.0 2021-05-07
0.5.3 2021-05-10
0.5.2 2021-05-10
0.5.1 2021-05-07
0.5.0 2021-05-04
0.4.1 2021-05-03
0.4.0 2021-05-03
0.3.3 2021-04-09
0.3.2 2021-03-31
0.3.1 2021-03-31
0.3.0 2021-03-31
0.2.9 2021-03-29
0.2.8 2021-03-26
0.2.7 2021-03-24
0.2.6 2021-03-21
0.2.5 2021-03-19
0.2.4 2021-03-19
0.2.3 2021-03-18
0.2.2 2021-03-18
0.2.1 2021-03-16
0.2.0 2021-03-15
0.1.9 2021-03-12
0.1.8 2021-03-11
0.1.7 2021-03-10
0.1.6 2021-03-10
0.1.5 2021-03-10
0.1.4 2021-03-09
0.1.3 2021-03-09
0.1.2 2021-03-09
0.1.1 2021-03-09
0.1.0 2021-02-25