我目前正在尝试缩小图片以优化网页性能。我遵循gulp-imagemin github(https://github.com/sindresorhus/gulp-imagemin#readme),但是却收到错误消息,指出找不到“ gulp-imagemin”。
这是我当前的imagemin.js文件,与上面github链接中所述的说明类似。
'use strict'
import path from 'path'
import del from 'del'
import imagemin from 'gulp-imagemin'
module.exports = function (gulp, setgulp, plugins, config, target, browserSync) {
let url = config
let dest = path.join(target)
// Run task
gulp.task('imagemin', () => {
return gulp.src(path.join(target, '**/*'))
.pipe(imagemin())
.pipe(plugins.changed(dest))
.pipe(gulp.dest(dest))
})
}
这是我目前具有所有dev依赖项的package.json文件。
"devDependencies": {
"body-parser": "1.15.1",
"browser-sync": "2.12.10",
"colors": "1.1.2",
"express": "4.13.4",
"foldero": "0.1.1",
"gulp": "^3.9.0",
"gulp-autoprefixer": "3.0.1",
"gulp-babel": "6.1.1",
"gulp-base64": "0.1.3",
"gulp-cache": "0.2.8",
"gulp-change": "1.0.0",
"gulp-changed": "1.3.0",
"gulp-clean-css": "2.0.12",
"gulp-concat": "2.6.0",
"gulp-concat-css": "2.2.0",
"gulp-connect-php": "0.0.7",
"gulp-css-base64": "1.3.4",
"gulp-csscomb": "3.0.6",
"gulp-cssnano": "2.1.0",
"gulp-csso": "0.2.9",
"gulp-eslint": "0.13.2",
"gulp-header": "1.7.1",
"gulp-htmlmin": "1.3.0",
"gulp-if": "1.2.5",
"gulp-imagemin": "2.2.1",
"gulp-inject": "4.1.0",
"gulp-jshint": "1.8.4",
"gulp-load-plugins": "0.10.0",
"gulp-minify-css": "1.2.1",
"gulp-minify-html": "1.0.5",
"gulp-newer": "1.0.0",
"gulp-order": "1.1.1",
"gulp-plumber": "1.0.1",
"gulp-postcss": "6.0.1",
"gulp-rename": "1.2.2",
"gulp-replace": "0.5.4",
"gulp-rev": "1.1.0",
"gulp-rimraf": "0.1.0",
"gulp-sass": "^3.1.0",
"gulp-size": "1.2.1",
"gulp-sourcemaps": "1.5.0",
"gulp-streamify": "1.0.2",
"gulp-strip-debug": "1.1.0",
"gulp-svgmin": "1.2.2",
"gulp-svgo": "1.0.3",
"gulp-svgstore": "6.0.0",
"gulp-template": "3.1.0",
"gulp-uglify": "1.1.0",
"gulp-useref": "3.0.0",
"gulp-util": "3.0.7",
"gulp-watch": "4.3.5",
"html2jade": "0.8.4",
"jade": "1.11.0",
"js-yaml": "3.6.1",
"laravel-elixir": "5.0.0",
"main-bower-files": "2.13.1",
"run-sequence": "^2.2.1",
"wiredep": "3.0.0",
"wrench": "1.5.8",
"yargs": "4.2.0"
},
"dependencies": {
"del": "^3.0.0",
"gulp-svgmin": "1.2.2",
"intl-tel-input": "^12.0.3",
"node-gyp": "^3.8.0"
}
我尝试做一个npm install --save-dev gulp-imagemin
,它会产生一个错误,指出无法安装该软件包。
当我尝试运行命令gulp时,会产生此错误,
Error: Cannot find module 'gulp-imagemin'
at Function.Module._resolveFilename (module.js:476:15)
at Function.Module._load (module.js:424:25)
at Module.require (module.js:504:17)
at require (internal/module.js:20:19)
我们将不胜感激!