gulp
छवि दोषरहित संपीड़न (गल्प-इमेजिन के साथ)

Angular 2 AngularJS CSS HTML JavaScript Laravel Node.js PHP React TypeScript
खोज…


वाक्य - विन्यास

  1. इमेजमिन ([प्लगइन्स], {विकल्प})

पैरामीटर

बहस विवरण
sourcePath छवियाँ स्रोत निर्देशिका (उदाहरण के लिए: /assets/images )
buildPath गंतव्य पथ (उदाहरण के लिए: /static/dist/ )

टिप्पणियों

imagemin निर्माणकर्ता का पहला तर्क प्लगइन सरणी है। डिफ़ॉल्ट रूप से, निम्न प्लगइन्स का उपयोग किया जाता है: [imagemin.gifsicle(), imagemin.jpegtran(), imagemin.optipng(), imagemin.svgo()]

दूसरा तर्क विकल्प हैं। उपरोक्त उदाहरण में निम्नलिखित विकल्पों का उपयोग किया जाता है: 

{
  progressive: true,
  interlaced: true,
  svgoPlugins: [{removeUnknownsAndDefaults: false}, {cleanupIDs: false}]
}

वे पूरी तरह से वैकल्पिक हैं।

progressive का उपयोग imagemin-jpegtran द्वारा किया जाता है।

interlaced द्वारा किया जाता है imagemin-gifsicle ।

removeUnknownsAndDefaults और cleanupIDs द्वारा उपयोग किया जाता imagemin-svgo ।

स्थापना और उपयोग

निर्भरता स्थापना ( https://www.npmjs.com/package/gulp-imagemin ) 

$ npm install --save-dev gulp-imagemin

प्रयोग 

/*
 * Your other dependencies.
 */

var imagemin = require('gulp-imagemin');

/*
 * `gulp images` - Run lossless compression on all the images.
 */
gulp.task('images', function() {
  return gulp.src(sourcePath) // e.g. /assets/images
    .pipe(imagemin({
      progressive: true,
      interlaced: true,
      svgoPlugins: [{removeUnknownsAndDefaults: false}, {cleanupIDs: false}]
    }))
    .pipe(gulp.dest(buildPath + 'images')); // e.g. /static/dist/
});


Modified text is an extract of the original Stack Overflow Documentation
के तहत लाइसेंस प्राप्त है CC BY-SA 3.0
से संबद्ध नहीं है Stack Overflow