Gulp minimalizálás

• Szerző: Sallai András
• Copyright © 2021, Sallai András
• Szerkesztve: 2021, 2024
• Licenc: CC BY-SA 4.0
• Web: https://szit.hu

npm install --save-dev gulp
npm install --save-dev gulp-rename
npm install --save-dev gulp-uglify

gulpfile.js

const { src, dest } = require('gulp');
const uglify = require('gulp-uglify');
const rename = require('gulp-rename');
 
function streamJS() {
	return src('src/js/*.js')
        .pipe(uglify())
        .pipe(rename({ extname: '.min.js'}))
		.pipe(dest('public/js'));
}
 
exports.js = streamJS;

A gulp-babel csomagot használhatjuk, a JavaScript fájlok régebbi fordítására.

Az uglify helyett használhatjuk gulp-minify csomagot. Ez készít egy fájlt amibe beleteszi -min részt.

Például:

• app-min.js

npm install --save-dev gulp
npm install --save-dev gulp-clean-css

gulpfile.js

const { src, dest } = require('gulp');
const cleanCSS = require('gulp-clean-css');
 
function streamCSS() {
	return src('src/css/*.css')
        .pipe(cleanCSS())
        .pipe(rename({ extname: '.min.css'}))
		.pipe(dest('public/css'));
}
exports.css = streamCSS;

Egyéb lehetőség a CSS minimalizálásra:

• gulp-cssnano