CODEWITHSUNDEEP
angularjsgulpgulp-imagemin
Rahul K R
Rahul K R

Reputation: 311

Gulp-imagemin error?

First time I am using gulp.In my gulpfile.js contains

var gulp = require('gulp');
var imagemin = require('gulp-imagemin');
gulp.task('default', function () { console.log('Hello Gulp!') });
gulp.task('imagemin', function() {
   var img_src = 'src/images/**/*', img_dest = 'build/images';

   gulp.src(img_src)
   .pipe(changed(img_dest))
   .pipe(imagemin())
   .pipe(gulp.dest(img_dest));
});

When running Git bash from my woking folder as $ gulp imagemin

But it shows the following error

[11:35:12] Using gulpfile C:\xampp\htdocs\work\gulpfile.js
[11:35:12] Starting 'imagemin'...
[11:35:12] 'imagemin' errored after 10 ms
[11:35:12] ReferenceError: changed is not defined
    at Gulp.<anonymous> (C:\xampp\htdocs\work\gulpfile.js:8:10)
    at module.exports (C:\xampp\htdocs\work\node_modules\orchestrator\lib\runTask.js:34:7)
    at Gulp.Orchestrator._runTask (C:\xampp\htdocs\work\node_modules\orchestrator\index.js:273:3)
    at Gulp.Orchestrator._runStep (C:\xampp\htdocs\work\node_modules\orchestrator\index.js:214:10)
    at Gulp.Orchestrator.start (C:\xampp\htdocs\work\node_modules\orchestrator\index.js:134:8)
    at C:\Users\58_user\AppData\Roaming\npm\node_modules\gulp\bin\gulp.js:129:20
    at _combinedTickCallback (internal/process/next_tick.js:67:7)
    at process._tickCallback (internal/process/next_tick.js:98:9)
    at Module.runMain (module.js:607:11)
    at run (bootstrap_node.js:418:7)

How can I rectify this issue? Please help me. Can anybody provide gulp installation guidlines for angularjs. Thanks in advance

Upvotes: 0

Views: 7110

Answers (3)

Ashish Saini
Ashish Saini

Reputation: 308

Other easy solution, If u want to use require() is simply change the version

Note

[don't use .pipe(changed())]

npm install --save-dev [email protected]

Upvotes: 1

DZeta
DZeta

Reputation: 61

npm i gulp-changed --save-dev

Add this line of code after var gulp = require ('gulp');:

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

Upvotes: 0

Nikhil Mohanan
Nikhil Mohanan

Reputation: 1260

var gulp = require('gulp');
var imagemin = require('gulp-imagemin');
gulp.task('default', function () { console.log('Hello Gulp!') });
gulp.task('imagemin', function() {
   var img_src = 'src/images/**/*', img_dest = 'build/images';

   gulp.src(img_src)
   .pipe(imagemin())
   .pipe(gulp.dest(img_dest));
});

remove unnecessary undefined task changed. .pipe(changed(img_dest)).

Upvotes: 1

Related Questions