install gulp-uglify --save npm install gulp-htmlmin --save npm install gulp-htmlclean --save npm install gulp-imagemin 6.24.1 --save # gulp-babel 取消严格模式方法("use strict") npm install gulp-remove-use-strict --save 问题:如果安装gulp-imagemin 错误请执行以下语句 sudo npm i gulp-imagemin --unsafe-perms 3、创建gulpfile.js文件 在 Hexo 站点下新建gulpfile.js文件,文件内容如下 htmlmin = require('gulp-htmlmin'); var htmlclean = require('gulp-htmlclean'); var imagemin = require('gulp-imagemin
copyhtmldir",function(){ return gulp.src(['src/html/*\*/\*']) .pipe(gulp.dest('dist/html')) }) gulp-imagemin 模块地址:https://www.npmjs.com/package/gulp-imagemin 安装 $ npm install gulp-imagemin --save-dev 使用场景 默认:false 隔行扫描gif进行渲染 multipass: true //类型:Boolean 默认:false 多次优化svg直到完全优化 使用 var imgmin=require("gulp-imagemin
(插件名) -D 安装到项目环境内 gulp-sequence //顺序执行任务 gulp-csso //css压缩 gulp-jshint //js检查 gulp-uglify'), //js压缩 gulp-imagemin require('gulp-jshint'), //js检查 uglify = require('gulp-uglify'), //js压缩 imageMin = require('gulp-imagemin
"gulp-concat-folders": "^1.3.1", "gulp-connect": "^5.5.0", "gulp-cssnano": "^2.1.3", "gulp-imagemin gulp-uglify'); var concat=require('gulp-concat'); var cache=require('gulp-cache'); var imagemin=require('gulp-imagemin
此步忽略) npm install gulp-sass gulp-autoprefixer gulp-minify-css gulp-css-spriter gulp-jshint gulp-uglify gulp-imagemin $ npm install gulp-sass gulp-autoprefixer gulp-minify-css gulp-css-spriter gulp-jshint gulp-uglify gulp-imagemin require('gulp-jshint'),//js查错 12 uglify = require('gulp-uglify'),//压缩js 13 imagemin = require('gulp-imagemin
node异常 下载插件的时候报错 $ npm install --save-dev gulp-imagemin npm ERR! code ENOTFOUND npm ERR! network request to https://registry.npmjs.org/gulp-imagemin failed, reason: getaddrinfo ENOTFOUND registry.npmjs.org
复制代码 这样我们就可以把我们在网页中写死的数据放入,就可以进行一些模板的渲染了 图片和字体压缩 这里我们要进行图片的压缩: yarn add gulp-imagemin --dev // 这里有一个坑点 我们要用7.1.0版本的imagemin 复制代码 文件修改 const imagemin = require('gulp-imagemin') const image = () => { return require('gulp-babel') // 模板 const swig = require('gulp-swig') // 图片、svg压缩 const imagemin = require('gulp-imagemin
4.0.2", "gulp-cache": "^1.1.2", "gulp-concat": "^2.6.1", "gulp-cssnano": "^2.1.3", "gulp-imagemin 4.0.2", "gulp-cache": "^1.1.2", "gulp-concat": "^2.6.1", "gulp-cssnano": "^2.1.3", "gulp-imagemin
//////////////// 1.css压缩 gulp-minify-css 2.js压缩 gulp-uglify 3.js合并 gulp-concat 4.图片压缩 gulp-imagemin /文件的去处 }) dist是通过 gulp copyHtml生成的文件夹 常用的代码压缩 var gulp = require('gulp'); var imagemin = require('gulp-imagemin
"^2.3.2", "gulp-concat": "^2.6.1", "gulp-ejs": "^2.3.0", "gulp-htmlmin": "^3.0.0", "gulp-imagemin var uglify = require('gulp-uglify'); var htmlmin = require('gulp-htmlmin'); var imagemin = require('gulp-imagemin
再者,将我们需要对项目文件的具体操作所需要的gulp插件引入, 例如: 要对less编译和对html以及img文件压缩,则需要先安装gulp-minify-less、gulp-htmlmin、 gulp-imagemin http://www.gulpjs.com.cn/ 3.使用npm安装gulp插件安装到项目根目录下 我们先安装gulp-minify-css、gulp-htmlmin、gulp-imagemin插件
/dist')) gulp-imagemin 描述:压缩图片。 var imagemin = require('gulp-imagemin'); gulp.src('./img/*.
3.10.0", "gulp-htmlclean": "^2.7.15", "gulp-htmlmin": "^3.0.0", "gulp-if": "^2.0.2", "gulp-imagemin gulp-minify-css'),//压缩css 已弃用 cleancss = require('gulp-clean-css'),//压缩css imagemin = require('gulp-imagemin
https://docs.npmjs.com/cli/install 三、常用插件 npm install --save-dev gulp // 本地使用gulp npm install --save gulp-imagemin
html'... [13:51:54] Finished 'fonts' after 461 ms [13:51:57] Finished 'lint' after 5.48 s [13:51:57] gulp-imagemin files 98 B [13:55:06] Finished 'styles' after 1.36 s [13:55:07] Finished 'lint' after 3.49 s [13:55:07] gulp-imagemin html'... [14:22:09] Finished 'fonts' after 797 ms [14:22:13] Finished 'lint' after 7.14 s [14:22:13] gulp-imagemin
gulp-autoprefixer) 压缩css(gulp-minify-css) js代码校验(gulp-jshint) 合并js文件(gulp-concat) 压缩js代码(gulp-uglify) 压缩图片(gulp-imagemin , jshint = require('gulp-jshint'), uglify = require('gulp-uglify'), imagemin = require('gulp-imagemin
/dist')) gulp-imagemin 描述:压缩图片。 var imagemin = require('gulp-imagemin'); gulp.src('./img/*.
编译less gulp-concat:合并代码 gulp-uglify:压缩js文件 gulp-rename:重命名文件 gulp-cssnano:css压缩 gulp-htmlmin:压缩html gulp-imagemin
gulp-uglify --压缩js gulp-minify-css ——压缩css gulp-autoprefixer ——自动添加浏览器前缀 imagemin-pngquant ——png图片压缩 gulp-imagemin 压缩html const FileInclude = require('gulp-file-include'); // 文件模块化 // image const Imagemin = require('gulp-imagemin , "gulp-clean": "^0.4.0", "gulp-connect": "^5.7.0", "gulp-file-include": "^2.0.1", "gulp-imagemin
3.1.0", "gulp-cache": "^0.4.4", "gulp-concat": "^2.6.0", "gulp-html-extend": "^1.1.6", "gulp-imagemin broeserSync = require('browser-sync') sitemap = require('gulp-sitemap') imagemin = require('gulp-imagemin