- 综合排序
- 最热优先
- 最新优先
- 来自专栏Ryan Miao
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 然后，在根目录新增 gulpfile.js : var gulp = require('gulp'); var minifycss = require('gulp-minify-css'); var
1K140发布于 2018-03-14 - 来自专栏全栈程序员必看
关于Glup_gulp使用教程
gulp-rename”); 后继续在gulpfile.js的文件中输入如下所示 （接着上面的合并） 随后再次启动监听 在cmd命令行输入** gulp watchall ⑥ 压缩css 使用Gulp-minify-css 插件 在cmd命令行中输入 npm install gulp-minify-css –save-dev //安装Gulp-minify-css 插件 待安装成功后在gulpfile.js的文件中输入 const minifycss = require(“gulp-minify-css”) （继续在重命名js文件下添加） 后继续在gulpfile.js的文件中输入如下所示 （接着上面的重命名
1.2K50编辑于 2022-11-17 - 来自专栏deepcc
gulp插件
description": "Gul pcourse by link", "main": "app.js", "dependencies": { "express": "^4.13.4", "gulp-minify-css npm install --save-dev gulp // 本地使用gulp npm install --save gulp-imagemin // 压缩图片 npm install --save gulp-minify-css
1.4K50发布于 2018-05-16 - 来自专栏前端技术开发
快速搭建gulp项目实战
gulp.task 定义任务 gulp.src 找到执行文件 gulp.dest 执行任务的文件去出 gulp.watch 观察文件是否发生变化 4.安装一些常用的压缩包 cnpm install gulp-minify-css gulp-uglify gulp-concat --save-dev ///////////////// 1.css压缩 gulp-minify-css 2.js压缩 gulp-uglify
1.3K20发布于 2019-09-23 - 来自专栏coding个人笔记
gulp压缩静态项目
初始化： npm init -y 安装依赖： npm i @babel/preset-env @babel/core gulp gulp-uglify gulp-htmlmin gulp-minify-css let uglify = require("gulp-uglify"); let htmlmin = require("gulp-htmlmin"); let minifycss = require("gulp-minify-css
63030发布于 2021-11-05 - 来自专栏小古哥的博客园
gulp的安装和使用
（如第五步配置完成，此步忽略） npm install gulp-sass gulp-autoprefixer gulp-minify-css gulp-css-spriter gulp-jshint 2 * gulp 3 * $ npm install gulp-sass gulp-autoprefixer gulp-minify-css gulp-css-spriter gulp-jshint ),//编译sass 8 autoprefixer = require('gulp-autoprefixer'),//补全浏览器前缀 9 minifycss = require('gulp-minify-css
1.6K50发布于 2018-03-08 - 来自专栏前端开发
基于gulp的前端自动化方案
2.7.15", "gulp-htmlmin": "^3.0.0", "gulp-if": "^2.0.2", "gulp-imagemin": "^4.1.0", "gulp-minify-css 具体关于路径的写法，可以去看gulp官网的api：https://www.gulpjs.com.cn/docs/api/ gulp-minify-css这个官网提示已经弃用，改用gulp-clean-css 'use strict'; var gulp = require('gulp'), minifycss = require('gulp-minify-css'),//压缩css 已弃用
1.3K60发布于 2018-10-25 - 来自专栏Java开发
Hexo博客使用gulp压缩静态资源
gulp npm install gulp -g # 查看版本 gulp -v 2、安装gulp插件 在站点根目录下安装 npm install gulp --save npm install gulp-minify-css gulpfile.js文件 在 Hexo 站点下新建gulpfile.js文件，文件内容如下： var gulp = require('gulp'); var minifycss = require('gulp-minify-css
1.5K40发布于 2019-07-24 - 来自专栏河湾欢儿的专栏
gulp
function(){ gulp.src('js/*.js').pipe(uglify()).pipe(gulp.dest('dist/js')) }); Css文件压缩 npm install gulp-minify-css --save-dev npm install gulp-clean-css --save-dev cssmin = require('gulp-minify-css'); gulp.task('myminifycss
1.3K10发布于 2018-09-06 - 来自专栏前端儿
前端自动化工具 -- Gulp 使用简介
下面统一介绍几个常见的 插件，更详细用法可以到对应官方站点查看API sass的编译（gulp-ruby-sass） 自动添加css前缀（gulp-autoprefixer） 压缩css（gulp-minify-css 比如安装压缩css的依赖包： npm install gulp-minify-css --save-dev 这里直接把所以依赖全支持上，因为都要用到。 require('gulp-ruby-sass'), autoprefixer = require('gulp-autoprefixer'), minifycss = require('gulp-minify-css
1.6K21发布于 2018-09-03 - 来自专栏趣谈前端
9012教你如何使用gulp4开发项目脚手架
gulp-file-include ——用于文件模块化导入，如用include的方式导入公共部分 gulp-connect ——用于启动本地服务器 gulp-clean ——清理目录 gulp-uglify --压缩js gulp-minify-css gulp-uglify'); // 压缩js // const Babel = require('gulp-babel'); // css const Minifycss = require('gulp-minify-css 6.0.0", "gulp-jshint": "^2.1.0", "gulp-less": "^4.0.1", "gulp-md5-plus": "^1.0.3", "gulp-minify-css
1.7K10发布于 2019-08-09 - 来自专栏cc log
使用gulp压缩合并AngularJS项目中js
var uglify = require('gulp-uglify'); var concat = require('gulp-concat'); var minifyCss = require('gulp-minify-css
1.7K30编辑于 2022-08-16 - 来自专栏前端加油站
gulp自动化打包（上）
按照实际的打包顺序， 我依次会介绍gulp-git、gulp-htmlmin、gulp-uglify、gulp-concat、gulp-ng-annotate（如果不是angular框架不需要）、gulp-less、gulp-minify-css gulp-minify-css 一个压缩css的插件，与uglify类似，只不过一个压缩JS，一个压缩CSS。 可选参数为： keepSpecialComments：是否保留特殊前缀。 具体属性参考：https://github.com/nfroidure/gulp-minify-css。 minimist 这个插件，简单来说就是从命令行当中提取参数。
2.1K30发布于 2019-05-26 - 来自专栏零域Blog
我的前端工作流
, "gulp-imagemin": "^2.4.0", "gulp-jshint": "^2.0.0", "gulp-livereload": "^3.8.1", "gulp-minify-css imagemin = require('gulp-imagemin') sass = require('gulp-ruby-sass') minifycss = require('gulp-minify-css
1.2K10编辑于 2022-03-22 - 来自专栏静晴轩
Gulp探究折腾之路(I)
//outPutPathName: String .pipe(gulp.dest(outPutPathName)); 压缩~CSS代码(合并-重命名-输出同上) 压缩： gulp-minify-css; ", "gulp-uglify": "~1.4.2", "gulp-jshint": "~1.11.2", "gulp-rename": "~1.2.2", "gulp-minify-css 具体做法，首先将需要的插件全局环境下Down下来： npm install gulp gulp-concat gulp-rename gulp-uglify gulp-minify-css gulp-jshint 当然，npm link也支持多个参数: npm link gulp gulp-concat gulp-rename gulp-uglify gulp-minify-css gulp-jshint gulp-cached
2.3K80发布于 2018-03-27 - 来自专栏性能与架构
前端构建工具 grunt VS gulp
--- gulp -------- var gulp = require('gulp'), concat = require('gulp-concat'), minifycss = require('gulp-minify-css
81880发布于 2018-04-02 - 来自专栏零域Blog
Gulp构建实例
$ npm install gulp --save-dev 安装 gulp 插件 $ npm install --save-dev gulp-ruby-sass gulp-autoprefixer gulp-minify-css gulp-rename gulp-livereload gulp-cache del sass的编译 (`gulp-ruby-sass`) 自动添加css前缀（`gulp-autoprefixer`） 压缩css（`gulp-minify-css
2.4K40编辑于 2022-03-22 - 来自专栏快乐八哥
Angular企业级开发(6)-使用Gulp构建和打包前端项目
require('gulp-less'); //压缩js var uglify = require('gulp-uglify'); //压缩css var minifyCss = require('gulp-minify-css
2.5K50发布于 2018-01-18 - 来自专栏web开发
Gulp实现css、js、图片的压缩以及css、js文件的MD5命名
安装命令如下： npm init //- 会生成一个package.json文件 npm install gulp --save-dev //- gulp插件的核心 npm install gulp-minify-css gulp'); var concat = require('gulp-concat'); //- 多个文件合并为一个； var minifyCss = require('gulp-minify-css
12.9K80发布于 2018-01-17 - 来自专栏全栈技术
自动化构建：提高开发流程效率与质量的关键工具
// 示例：使用Gulp任务来压缩CSS文件 const gulp = require('gulp'); const minifyCSS = require('gulp-minify-css'); gulp.task
1.1K40编辑于 2023-09-16
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号