https://github.com/chris2011/postcss-build-pipe
Moving from SCSS to PostCSS and everything is possible with this pipe. Still WIP.
https://github.com/chris2011/postcss-build-pipe
Last synced: over 1 year ago
JSON representation
Moving from SCSS to PostCSS and everything is possible with this pipe. Still WIP.
- Host: GitHub
- URL: https://github.com/chris2011/postcss-build-pipe
- Owner: Chris2011
- Created: 2021-03-08T14:38:14.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-30T22:10:47.000Z (over 3 years ago)
- Last Synced: 2025-02-08T13:42:28.364Z (over 1 year ago)
- Language: CSS
- Size: 74.2 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# postcss-build-pipe
## Showing what is possible with postcss w/o using SCSS
### I'm moving from SCSS to postcss and I was looking for a nice alternative of the 9862930 lines CSS file of WordPress instances. This is why I created this little build pipe.
## What is used?
### Build tool
1. ViteJS - Blazing fast (really) build tool and dev server based on es modules.
### PostCSS Plugins
1. @import (default) - Resolves @import statements.
2. autoprefixer (plugin) - Sets browser specific vendor prefixes.
3. cssnano (plugin) - Minifcation and optimization of the outcoming css.
4. postcss-custom-properties (plugin) - Using CSS Custom Properties.
5. postcss-nested (plugin) - Nesting selecetors like in SCSS.
6. purgecss (plugin) - Removes unused css by checking the html files.
## Usage
1. `yarn`
2. `yarn build`