展开

关键词

Gulp能做什么

/dist/css')); }); // 引用gulp模块 const gulp = require('gulp'); const htmlmin = require('gulp-htmlmin' .pipe(gulp.dest('dist/css')); }); // html任务 // 1.html文件中代码的压缩操作 // 2.抽取html文件中的公共代码 gulp.task('htmlmin /src/*.html') .pipe(fileinclude()) // 压缩html文件中的代码 .pipe(htmlmin({ collapseWhitespace /src/lib/*') .pipe(gulp.dest('dist/lib')) }); // 构建任务 gulp.task('default', ['htmlmin', 'cssmin 或者var File = require("vinyl") var myf = new File()myf.contents = new Buffer("haha") 1 (9)Gulp插件 gulp-htmlmin

7130

第三方模块

Gulp插件 gulp-htmlmin: html文件压缩 gulp-csso: 压缩css gulp-babel : JavaScript语法转化 gulp-less: less语法转化 = require('gulp-htmlmin'); 复制使用的代码到task任务中调用他 ,如: .pipe(htmlmin({ collapseWhitespace: true })) // 引用gulp模块 const gulp = require('gulp'); const htmlmin = require('gulp-htmlmin'); const fileinclude /dist/fonts')) done(); }); // 构建任务 //gulp.task('default', ['first', 'htmlmin', 'cssmin', 'jsmin', 'copy']);此代码执行会报以下错误,需添加gulp.series()将任务函数组合操作 gulp.task('default', gulp.series(['first', 'htmlmin'

28120
  • 广告
    关闭

    【玩转 Cloud Studio】有奖调研征文,千元豪礼等你拿!

    想听听你玩转的独门秘籍,更有机械键盘、鹅厂公仔、CODING 定制公仔等你来拿!

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Grunt配置及使用

    1.0.1", "grunt-contrib-connect": "^1.0.2", "grunt-contrib-copy": "^1.0.0", "grunt-contrib-htmlmin ', dest: 'dist/lib/weui' } }, //压缩html htmlmin grunt-contrib-watch'); grunt.loadNpmTasks('grunt-contrib-connect'); grunt.loadNpmTasks('grunt-contrib-htmlmin default', []); //全项目:上生产用 grunt.registerTask('payment', ['imagemin', 'jshint', 'uglify', 'less', 'htmlmin uglify']); //样式文件 grunt.registerTask('3', ['less']); //页面文件 grunt.registerTask('4', ['htmlmin

    94660

    初识grunt

    npm install grunt --save-dev npm install grunt-contrib-uglify --save-dev npm install grunt-contrib-htmlmin 'src/', src: '**/*.js', dest: 'build/' }] } }, htmlmin grunt.loadNpmTasks('grunt-contrib-uglify'); // 加载包含 "htmlmin" 任务的插件。 grunt.loadNpmTasks('grunt-contrib-htmlmin'); // 默认被执行的任务列表。 grunt.registerTask('default', ['uglify', 'htmlmin']); }; 这个文件需要理解一下每个Gruntfile(和Grunt插件)都使用下面这个基本格式,

    54580

    hexo 博客性能优化

    首先需要安装的 gulp 插件有:gulp-clean-css 、gulp-uglify、gulp-htmlmin、gulp-htmlclean。 安装它们并将其加入到 package.json 的依赖中: npm i --save gulp-clean-css gulp-uglify gulp-htmlmin gulp-htmlclean 当然, require('gulp'); var cleancss = require('gulp-clean-css'); var uglify = require('gulp-uglify'); var htmlmin = require('gulp-htmlmin'); var htmlclean = require('gulp-htmlclean'); /*压缩CSS*/ gulp.task('minify-css /public/**/*.html') .pipe(htmlclean()) .pipe(htmlmin({ removeComments: true, minifyJS

    57530

    Express+Less+Gulp配置高效率开发环境

    ", "gulp-clean-css": "^2.3.2", "gulp-concat": "^2.6.1", "gulp-ejs": "^2.3.0", "gulp-htmlmin require('gulp-nodemon'); var cache = require('gulp-cache'); var uglify = require('gulp-uglify'); var htmlmin = require('gulp-htmlmin'); var imagemin = require('gulp-imagemin'); var less = require('gulp-less'); '], cb) }); // 压缩ejs gulp.task('ejs', function() { return gulp.src('views/**/*.ejs') .pipe(htmlmin

    1.3K00

    博客优化小记

    安装依赖 npm install gulp -g npm install gulp-clean-css gulp-uglify gulp-htmlmin gulp-htmlclean gulp gulp-babel ": "^4.0.2", "gulp-babel": "^7.0.0", "gulp-clean-css": "^4.2.0", "gulp-htmlclean": "^2.7.22", "gulp-htmlmin require('gulp-babel'); var cleancss = require('gulp-clean-css'); var uglify = require('gulp-uglify'); var htmlmin = require('gulp-htmlmin'); var htmlclean = require('gulp-htmlclean'); // 压缩 public 目录 css function css /public/**/*.html') .pipe(htmlclean()) .pipe(htmlmin({ removeComments: true

    18020

    第三方模块

    Gulp插件 gulp-htmlmin: html文件压缩 gulp-csso: 压缩css gulp-babel : JavaScript语法转化 gulp-less: less语法转化  = require('gulp-htmlmin'); 复制使用的代码到task任务中调用他 ,如: .pipe(htmlmin({ collapseWhitespace: true })) // 引用gulp模块 const gulp = require('gulp'); const htmlmin = require('gulp-htmlmin'); const fileinclude /dist/fonts'))    done(); }); // 构建任务 //gulp.task('default', ['first', 'htmlmin', 'cssmin', 'jsmin', 'copy']);此代码执行会报以下错误,需添加gulp.series()将任务函数组合操作 gulp.task('default', gulp.series(['first', 'htmlmin'

    8040

    hexo 博客支持PWA和压缩博文

    $ npm install gulp -g $ npm install gulp-minify-css gulp-uglify gulp-htmlmin gulp-htmlclean gulp --save 或者使用yarn yarn global add gulp yarn add gulp-minify-css gulp-uglify gulp-htmlmin gulp-htmlclean gulp require('gulp'); var minifycss = require('gulp-minify-css'); var uglify = require('gulp-uglify'); var htmlmin = require('gulp-htmlmin'); var htmlclean = require('gulp-htmlclean'); // 压缩 public 目录 css gulp.task( /public/**/*.html') .pipe(htmlclean()) .pipe(htmlmin({ removeComments: true,

    686140

    node和gulp实现前端工程自动化(附:gulp常用插件)

    .pipe(gulp.dest('dist/images')) .pipe(browserSync.reload({ stream: true })); }); var htmlmin = require('gulp-htmlmin'); // 4. HTML gulp.task('html', function() { gulp.src('src/*.html') .pipe(htmlmin({ collapseWhitespace 常用插件: gulp-less:编译less gulp-concat:合并代码 gulp-uglify:压缩js文件 gulp-rename:重命名文件 gulp-cssnano:css压缩 gulp-htmlmin

    23410

    Hexo记一次gulp压缩体验

    gulpfile配置 npm install -g gulp npm install gulp --save npm install gulp-htmlclean npm install gulp-htmlmin require('gulp'); var minifycss = require('gulp-clean-css'); var uglify = require('gulp-uglify'); var htmlmin = require('gulp-htmlmin'); var htmlclean = require('gulp-htmlclean'); // 压缩public目录下所有html文件, minify-html /public/**/*.html') // 压缩文件所在的目录 .pipe(htmlclean()) .pipe(htmlmin({ removeComments sh 'npm install gulp --save' sh 'npm install gulp-htmlclean' sh 'npm install gulp-htmlmin

    39320

    前端工程化篇之 Gulp

    cssmin = require('gulp-cssmin'); //压缩CSS的包 const concat = require('gulp-concat'); //合并文件的包 const htmlmin = require('gulp-htmlmin'); //压缩HTML的包 // 注册任务 /* 开发套路: 1. /dist/css')) }); // 压缩html gulp.task('html', () => { return gulp.src('src/*.html') .pipe(htmlmin

    41210

    gulp之自动化静态资源压缩合并加版本号

    gulp-sequence //顺序执行任务 gulp-csso //css压缩 gulp-jshint //js检查 gulp-uglify'), //js压缩 gulp-imagemin //压缩图片 gulp-htmlmin     uglify = require('gulp-uglify'),    //js压缩     imageMin = require('gulp-imagemin'),    //压缩图片     htmlMin = require('gulp-htmlmin'),  //压缩html     clean = require('gulp-clean'),    //清空文件夹     rev = require .pipe(revCollector({                     replaceReved: true               }))               .pipe(htmlMin

    8310

    gulp压缩静态项目

    初始化: npm init -y 安装依赖: npm i @babel/preset-env @babel/core gulp gulp-uglify gulp-htmlmin gulp-minify-css gulp-autoprefixer gulp-babel -D 新建gulpfile.js: let gulp = require("gulp"); let uglify = require("gulp-uglify"); let htmlmin = require("gulp-htmlmin"); let minifycss = require("gulp-minify-css"); let autoprefixer = require("gulp-autoprefixer gulp-babel"); //html压缩 function htmlHandler(entry, output) { gulp .src(entry) .pipe( htmlmin

    14830

    Error: Cannot find module gulp-clone问题的解决

    配置文件如下: /** * Created by 13 **/ var gulp = require('gulp'); var clone = require('gulp-clone'); var htmlmin = require('gulp-htmlmin'); var gulpif = require('gulp-if'); var cssmin = require('gulp-minify-css'); /压缩页面JS minifyCSS: true //压缩页面CSS }; return gulp.src('dev-pages/*.html') .pipe(htmlmin 根据gulpfile.js配置项中需要的模块依次安装gulp-clone、gulp-htmlmin、gulp-uglify等模块即可。 ? 执行任务正常 ?

    74740

    使用Gulp压缩静态资源

    install --save-dev gulp-clean-css # 使用gulp-smushit压缩图片 npm install --save-dev gulp-smushit # 使用gulp-htmlmin 压缩html npm install --save-dev gulp-htmlmin 在项目根目录下编辑“gulpfile.js”配置文件: const gulp = require('gulp'); gulp-uglify'); const cleancss = require('gulp-clean-css'); const smushit = require('gulp-smushit'); const htmlmin = require('gulp-htmlmin') // 压缩js gulp.task('minscript', function() { return gulp.src('. css')); }) // 压缩html gulp.task('minhtml', function() { return gulp.src('./*.html') .pipe(htmlmin

    4920

    前端自动化工具 -- Grunt 使用简介

    三、各插件使用 而一般常用方法是使用提供的 插件,进一步作处理 1)比如代码压缩: html压缩:htmlmin css压缩: cssmin js压缩:uglify 官方提供了充足的介绍,当然了,初次接触 /build/static/style' } }, //html 压缩 htmlmin: { options grunt-contrib-uglify'); grunt.loadNpmTasks('grunt-contrib-cssmin'); grunt.loadNpmTasks('grunt-contrib-htmlmin '); grunt.registerTask('default',[ 'uglify', 'cssmin', 'htmlmin' grunt.registerTask('default',[ 'jshint', 'uglify', 'cssmin', 'htmlmin

    61710

    Hexo博客使用gulp压缩静态资源

    install gulp --save npm install gulp-minify-css --save npm install gulp-uglify --save npm install gulp-htmlmin require('gulp'); var minifycss = require('gulp-minify-css'); var uglify = require('gulp-uglify'); var htmlmin = require('gulp-htmlmin'); var htmlclean = require('gulp-htmlclean'); var imagemin = require('gulp-imagemin /public/**/*.html') .pipe(htmlclean()) .pipe(htmlmin({ removeComments: true

    72840

    node.js第三方模块

    /dist/css')); }); // 引用gulp模块 const gulp = require('gulp'); const htmlmin = require('gulp-htmlmin' .pipe(gulp.dest('dist/css')); }); // html任务 // 1.html文件中代码的压缩操作 // 2.抽取html文件中的公共代码 gulp.task('htmlmin /src/*.html') .pipe(fileinclude()) // 压缩html文件中的代码 .pipe(htmlmin({ collapseWhitespace /src/lib/*') .pipe(gulp.dest('dist/lib')) }); // 构建任务 gulp.task('default', ['htmlmin', 'cssmin

    12740

    前端开发使用工具 gulp

    r.push(u):r.push(r[u-1]+r[u-2]),u++;return r} html 压缩 npm install gulp-htmlmin --save-dev 新建html文件夹在新建 gulpfile.js代码修改如下 var gulp = require('gulp'); var rename = require('gulp-rename'); // 对html进行压缩的包 var htmlmin = require('gulp-htmlmin') // 对html进行压缩 // 定义任务 gulp.task('myhtml', function(){ // 1.匹配到要处理的html文件 .pipe(htmlmin({ collapseWhitespace:true // 去除空白符 })) // 3.输出 .pipe

    45410

    相关产品

    • 腾讯智慧建筑管理平台

      腾讯智慧建筑管理平台

      腾讯智慧建筑管理平台(微瓴)是深度适配智慧建筑场景的物联网类操作系统,针对于建筑内的硬件、应用等资源,提供物联、管理与数字服务,赋予建筑综合协同的智慧能力,并为建筑管理运营者与建筑业主方提供安全、高效、便利的建筑综合管理运营系统……

    相关资讯

    热门标签

    活动推荐

    扫码关注腾讯云开发者

    领取腾讯云代金券