https://github.com/vituum/vite-plugin-postcss
⚡️🎨 Vite plugin for PostCSS, adds basic plugins out of the box
https://github.com/vituum/vite-plugin-postcss
Last synced: 8 months ago
JSON representation
⚡️🎨 Vite plugin for PostCSS, adds basic plugins out of the box
- Host: GitHub
- URL: https://github.com/vituum/vite-plugin-postcss
- Owner: vituum
- License: mit
- Created: 2023-06-17T12:16:25.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-17T11:51:07.000Z (almost 2 years ago)
- Last Synced: 2025-02-07T05:49:34.844Z (8 months ago)
- Language: JavaScript
- Homepage:
- Size: 11.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ⚡️🎨 VitePostCSS
Adds out of the box support for following PostCSS plugins:
* [`postcss-import`](https://www.npmjs.com/package/postcss-import)
* [`postcss-nesting`](https://www.npmjs.com/package/postcss-nesting)
* [`postcss-custom-media`](https://www.npmjs.com/package/postcss-custom-media)
* [`autoprefixer`](https://www.npmjs.com/package/autoprefixer)
## Basic usage
```js
import postcss from '@vituum/vite-plugin-postcss'
export default {
plugins: [
postcss()
]
}
```
* If you want to add more PostCSS plugins, add them via [css.postcss.plugins](https://vitejs.dev/config/shared-options.html#css-postcss).
* If you want to use `postcss.config.cjs` add `css.postcss: process.cwd()`, PostCSS config and it's plugins will be used instead.
Read the [docs](https://vituum.dev/plugins/postcss.html) to learn more about plugin options
### Requirements
- [Node.js LTS (16.x)](https://nodejs.org/en/download/)
- [Vite](https://vitejs.dev/)