gulp plugin for format multi lines css rule to oneline.
this can use for html\ejs files which has style tag, to compress style to oneline, also can use for .css file.
see examples for more info:
npm install gulp
;npm install gulp-css-format-oneline
;
const gulp = require('gulp')
const compressCss = require('gulp-css-format-oneline')
gulp.src('style.css')
.pipe(compressCss({
// is keep line end for each rule
// see example
clearLine: true,
// is clear comment
clearComment: true,
// is merge multi `style` tags to one
// for not .css files
merge: false,
// only string type
// for other file ext which the plugin not include
// default support .htm, .html, .ejs, .ftl, .css
ext: null
}))
.pipe(gulp.dest(...))
const gulp = require('gulp')
const compressCss = require('gulp-css-format-oneline')
gulp.src('style.css')
.pipe(compressCss())
.pipe(gulp.dest(...))
/***
comment
***/
.a {
display: block;
}
.b {
display: block;
}
.a{display: block;}.b{display: block;}
const gulp = require('gulp')
const compressCss = require('gulp-css-format-oneline')
gulp.src('style.css')
.pipe(compressCss({
clearLine: false
}))
.pipe(gulp.dest(...))
/***
comment
***/
.a {
display: block;
}
.b {
display: block;
}
.a {display: block;}
.b {display: block;}
const gulp = require('gulp')
const compressCss = require('gulp-css-format-oneline')
gulp.src('style.css')
.pipe(compressCss({
merge: true
}))
.pipe(gulp.dest(...))
<style>
/***
comment
***/
.a {
display: block;
}
.b {
display: block;
}
</style>
<style>
.c {
display: block;
}
</style>
<style>
.a{display:block;}.b{display:block;}.c{display:block;}
</style>
run:
npm i jest -g
jest