https://github.com/shelldandy/pipes
Plugabble pipes for a composable gulp stream
https://github.com/shelldandy/pipes
gulp javascript nodejs pipes
Last synced: 8 months ago
JSON representation
Plugabble pipes for a composable gulp stream
- Host: GitHub
- URL: https://github.com/shelldandy/pipes
- Owner: shelldandy
- License: mit
- Created: 2018-01-13T16:46:12.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-02-20T22:37:29.000Z (almost 8 years ago)
- Last Synced: 2025-01-14T23:06:37.757Z (about 1 year ago)
- Topics: gulp, javascript, nodejs, pipes
- Language: JavaScript
- Size: 22.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# @pixel2html/pipes
Plugabble pipes for a composable gulp stream
```bash
npm install @pixel2html/pipes
```
## Example
```js
const gulp = require('gulp')
const styles = require('@pixel2html/pipes').styles
gulp.task('styles', () =>
gulp.src('src/styles/**/!(_)*.scss')
.pipe(styles({
modules: true,
name: 'main.css',
production: process.env.NODE_ENV === 'production'
})())
.on('error', config.onError)
.pipe(gulp.dest('dist/styles'))
)
```
## Contents
* critical: create critical CSS
* html: html with replace and posthtml
* minifyStyles: minimize, comb, groupCssMediaQueries and nano
* pug: pug and posthtml with modules
* purify: remove unused CSS
* styles: sourcemaps, postCss with modules and autoprefixer
## pixel2html boilerplate
We use this already on our own Frontend boilerplate, don't be shy and try it out 🎩