gulp
सीएसएस को कम करना

गुल-साफ-सीएसएस और गुल-नाम बदलना

सबसे पहले, प्रोजेक्ट डायरेक्टरी लोकल में gulp , gulp-clean-css और gulp-rename इंस्टॉल करें

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

अपने gulpfile.js minify-css कार्य के बाद जोड़ें

var gulp = require('gulp');
var cleanCSS = require('gulp-clean-css');
var rename = require('gulp-rename');

gulp.task('minify-css', function() {
    return gulp.src('css/dist/dist.css')
        .pipe(cleanCSS())
        .pipe(rename('dist.min.css'))
        .pipe(gulp.dest('css/dist'));
});

gulp.task('watch', function(){
  gulp.watch('css/dist/**/*.css', ['minify-css']); 
  // Other watchers
});

gulp.task('default', ['minify-css', 'watch']);

यहाँ .pipe(cleanCSS()) आपके css/dist/dist.css फ़ाइल और .pipe(rename('concat.min.css')) minification को कार्यान्वित करता है और इसे dist.min.css बदल देता है dist.min.css

सैस और सीएसएस - गुलप के साथ प्रीप्रोसेसिंग

गल्प शुरू करने से पहले हमें node.js और npm स्थापित node.js । फिर गुलाल-सेक् स स्थापित करें

$ npm i gulp-sass --save-dev // i = install

घूंट सिर

var gulp = require('gulp');
// Requires the gulp-sass plugin
var sass = require('gulp-sass');

गल्प शरीर

gulp.task('sass', function(){
  return gulp.src('app/scss/*.scss') // searching for sass files
    .pipe(sass()) // Converts Sass to CSS with gulp-sass
    .pipe(gulp.dest('app/css')) // destination of the css file
});

गुल की घड़ी

gulp.task('watch', function(){
  gulp.watch('app/scss/**/*.scss', ['sass']); 
  // Other watchers
})