首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏小康的自留地

    Hexo记一次gulp压缩体验

    install -g gulp npm install gulp --save npm install gulp-htmlclean npm install gulp-htmlmin npm install gulp-clean-css npm install gulp-uglify // 引入需要的模块 var gulp = require('gulp'); var minifycss = require('gulp-clean-css sh 'npm install gulp-htmlclean' sh 'npm install gulp-htmlmin' sh 'npm install gulp-clean-css

    1.1K20发布于 2020-04-29
  • 来自专栏HTML5学堂

    前端工程化 | 定制专属提速“外挂”(上)

    在Gulp中可以使用gulp-clean-css对CSS文件进行压缩处理。 Tips:带宽是指在单位时间(一般指的是1秒钟)内能传输的数据量。 4.1 安装:gulp-clean-css 命令行:cnpm install gulp-clean-css --save-dev ? 4.2 在gulpfile.js中引入gulp-clean-css插件 var cleanCSS = require('gulp-clean-css'); 4.3 配置gulp-clean-css的功能 create(); var reload = browserSync.reload; var concat = require('gulp-concat'); var cleanCSS = require('gulp-clean-css // CSS文件压缩 .pipe(cleanCSS()) // 压缩后的C文件所在的文件夹 .pipe(gulp.dest('dist/css')); }); 4.5 查看gulp-clean-css

    1.3K50发布于 2018-03-13
  • 来自专栏FECoding

    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 当然, gulpfile.js 文件,里面一通配置,还是比较简单的,稍微熟悉点 gulp 的都没多大问题: var gulp = require('gulp'); var cleancss = require('gulp-clean-css

    88330发布于 2019-04-24
  • 来自专栏Andromeda的专栏

    使用gulp压缩静态博客资源

    install gulp-html-minifier-terser --save-dev # 用gulp-html-minifier-terser可以压缩HTML中的ES6语法 npm install gulp-clean-css gulpfile.js,打开[Blogroot]\gulpfile.js,输入以下内容: //用到的各个插件 var gulp = require('gulp'); var cleanCSS = require('gulp-clean-css

    88610编辑于 2022-10-27
  • 来自专栏后端开发随笔

    使用Gulp压缩静态资源

    在项目根目录下安装对应插件: # 使用gulp-uglify压缩js npm install --save-dev gulp-uglify # 使用gulp-clean-css压缩css npm install --save-dev gulp-clean-css # 使用gulp-smushit压缩图片 npm install --save-dev gulp-smushit # 使用gulp-htmlmin压缩 配置文件: const gulp = require('gulp'); const uglify = require('gulp-uglify'); const cleancss = require('gulp-clean-css

    99420编辑于 2022-09-08
  • 来自专栏达摩兵的技术空间

    gulp常用插件 一

    pipe(rename(function (path) { path.dirname += "/ciao"; path.basename += "-goodbye"; //支持更灵活的定义 }) gulp-clean-css 模块地址:https://www.npmjs.com/package/gulp-clean-css/ 安装 $ npm install gulp-clean-css --save-dev keepSpecialComments: ‘*’//保留所有特殊前缀 当你用autoprefixer生成的浏览器前缀,如果不加这个参数,有可能将会删除你的部分前缀 使用 var cleanCSS = require('gulp-clean-css

    1.1K20发布于 2018-08-28
  • 来自专栏超超不会飞

    博客优化小记

    安装依赖 npm install gulp -g npm install gulp-clean-css gulp-uglify gulp-htmlmin gulp-htmlclean gulp gulp-babel ", "canvas-nest.js": "^2.0.3", "core-util-is": "^1.0.2", "gulp": "^4.0.2", "gulp-babel": "^7.0.0", "gulp-clean-css gulpfile.js 文件 var gulp = require('gulp'); var babel = require('gulp-babel'); var cleancss = require('gulp-clean-css

    83020发布于 2020-11-24
  • 来自专栏前端开发

    基于gulp的前端自动化方案

    devDependencies": { "gulp": "^3.9.1", "gulp-autoprefixer": "^3.1.1", "gulp-cache": "^1.0.2", "gulp-clean-css 具体关于路径的写法,可以去看gulp官网的api:https://www.gulpjs.com.cn/docs/api/ gulp-minify-css这个官网提示已经弃用,改用gulp-clean-css gulp = require('gulp'), minifycss = require('gulp-minify-css'),//压缩css 已弃用 cleancss = require('gulp-clean-css

    1.3K60发布于 2018-10-25
  • 来自专栏金朝麟的专栏

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

    browser-sync": "^2.18.6", "del": "^2.2.2", "gulp": "^3.9.1", "gulp-cache": "^0.4.5", "gulp-clean-css "license": "ISC" } gulpfile.js文件 'use strict'; var gulp = require('gulp'); var minify = require('gulp-clean-css

    2.4K00发布于 2017-02-08
  • 来自专栏Akilarの糖果屋

    使用gulp压缩博客静态资源

    gulp-html-minifier-terser --save-dev # 用gulp-html-minifier-terser可以压缩HTML中的ES6语法 压缩 CSS: npm install gulp-clean-css \gulpfile.js, 输入以下内容: 方案一:babel 压缩 js //用到的各个插件 var gulp = require('gulp'); var cleanCSS = require('gulp-clean-css ,'mini-font' )) 方案二:terser 压缩 js (推荐) //用到的各个插件 var gulp = require('gulp'); var cleanCSS = require('gulp-clean-css

    1.1K11编辑于 2022-01-20
  • 来自专栏程序员宇说

    在 ASP.NET Core 项目中使用 npm 管理你的前端组件包

    //gulp.js npm install gulp --save-dev //压缩 css npm install gulp-clean-css --save-dev //合并文件 npm install "private": true, "devDependencies": { "gulp": "^4.0.1", "gulp-changed": "^3.2.0", "gulp-clean-css "gulp"), rimraf = require("rimraf"), concat = require("gulp-concat"), cssmin = require("gulp-clean-css

    2.6K30发布于 2019-07-31
  • 来自专栏零域Blog

    基于Vue、ElementUI的换肤解决方案

    首先: npm i gulp gulp-clean-css gulp-css-wrap -D 然后,编写 gulpfile.js // gulpfile.js var path = require(' path') var gulp = require('gulp') var cleanCSS = require('gulp-clean-css') var cssWrap = require('gulp-css-wrap

    6K30编辑于 2022-03-27
  • 来自专栏前端技术开发

    快速搭建gulp项目实战

    = require("gulp-uglify"); js压缩 var less = require('gulp-less'); less var cleanCSS = require('gulp-clean-css

    1.3K20发布于 2019-09-23
  • 来自专栏河湾欢儿的专栏

    gulp

    uglify()).pipe(gulp.dest('dist/js')) }); Css文件压缩 npm install gulp-minify-css --save-dev npm install gulp-clean-css

    1.3K10发布于 2018-09-06
  • 来自专栏互联网杂技

    laravel中使用gulp打包发布前端部分

    rev = require('gulp-rev');var revCollector = require('gulp-rev-collector');var cleanCSS = require('gulp-clean-css

    2K70发布于 2018-04-04
  • 来自专栏全栈技术

    前端生态系统:构建现代Web应用的完整指南

    // 示例代码:使用Gulp执行任务 const gulp = require('gulp'); const minifyCSS = require('gulp-clean-css'); gulp.task

    99950编辑于 2023-09-18
  • 来自专栏jeremy的技术点滴

    gulp替换webpack

    13.1.1", "del": "^2.2.2", "errorify": "^0.3.1", "glob": "^7.1.1", "gulp": "^3.9.1", "gulp-clean-css buffer = require('vinyl-buffer'); const uglify = require('gulp-uglify'); const cleanCSS = require('gulp-clean-css

    2.9K40发布于 2018-05-10
  • 来自专栏小康的自留地

    Hexo博客推荐安装的插件

    gulp-htmlclean gulp-htmlmin gulp-minify-css gulp-uglify gulp-imagemin --save # 额外的功能模块 npm install gulp-debug gulp-clean-css var gulp = require("gulp"); var debug = require("gulp-debug"); var cleancss = require("gulp-clean-css

    1.6K20发布于 2020-04-09
  • 来自专栏咕咕星

    Hexo-Matery主题性能优化

    gulp-htmlclean gulp-htmlmin gulp-minify-css gulp-uglify gulp-imagemin --save # 额外的功能模块 npm install gulp-debug gulp-clean-css var gulp = require("gulp"); var debug = require("gulp-debug"); var cleancss = require("gulp-clean-css

    1.5K30发布于 2020-08-25
  • 来自专栏HTML5学堂

    Gulp 定制专属提速“外挂”(下)

    create(); var reload = browserSync.reload; var concat = require('gulp-concat'); var cleanCSS = require('gulp-clean-css

    1.4K80发布于 2018-03-13
领券