gulp安装教程
2024-09-04 01:48:34
1、安装nodejs并选装cnpm;
npm install cnpm -g --registry=https://registry.npm.taobao.org
2、全局安装gulp;
cnpm install gulp -g
3、新建package.json文件;(第二次在项目中使用gulp时可跳过1、2步)
进入项目文件夹,cnpm init
4、本地安装gulp;
cnpm install gulp --save-dev
5、安装gulp插件;
cnpm install ### --save-dev
(###为插件名)
6、新建gulpfile.js文件;
var gulp = require('gulp'),
htmlmin = require('gulp-htmlmin'); gulp.task('CompressHtml', function () {
var options = {
removeComments: true,//清除HTML注释
collapseWhitespace: true,//压缩HTML
collapseBooleanAttributes: true,//省略布尔属性的值 <input checked="true"/> ==> <input />
removeEmptyAttributes: true,//删除所有空格作属性值 <input id="" /> ==> <input />
removeScriptTypeAttributes: true,//删除<script>的type="text/javascript"
removeStyleLinkTypeAttributes: true,//删除<style>和<link>的type="text/css"
minifyJS: true,//压缩页面JS
minifyCSS: true//压缩页面CSS
};
return gulp.src('index.html')//需压缩的HTML文件
.pipe(htmlmin(options))
.pipe(gulp.dest('dist/html'));//'dist'为存放文件夹
});
7、通过命令提示符运行gulp任务。
gulp 任务名称
gulp CompressHtml
最新文章
- mac os下可能是最好的豆瓣电台——diumoo
- Redis学习——链表源码分析
- (转)Hbase shell 常用命令(1)
- centos7 安装mysql5.7及配置
- poj 3080 Blue Jeans
- Struct2提交表单数据到Acion
- 字符串匹配--kmp算法原理整理
- POj 2186 Popular Cows[连通分量]
- sort函数简单调用方法
- 用Visual Studio 2015 编写驱动之前一定要注意的问题!!!
- javascript常用的Math对象的方法
- 从零开始学习前端开发 — 18、BFC
- 在Windows cmd中计算行数
- Nginx+Keepalived(二)
- 【洛谷P1082】同余方程
- MyEclipse和tomcat结合编写jsp对于中文乱码的解决方法
- 34 char类型转换为int类型
- cython 成功创建import 模块
- Apache Kafka学习 (二) - 多代理(broker)集群
- How to calculate bits per character of a string? (bpc) to read