Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:nodejs:gulp:minimalizalas

< Gulp

Gulp minimalizálás

JavaScript

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.

A minify

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

CSS

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
oktatas/web/nodejs/gulp/minimalizalas.txt · Utolsó módosítás: 2024/07/28 11:20 szerkesztette: admin