gulp

小说:吃点温暖作者:戏秉戏更新时间:2019-03-22字数:18780

这时刘阳走过来,刚好看到苏美伦的样子,心底的醋坛子一下被打翻了。

揭露人性丑恶的五大心理实验

如果在半个月前,李豫说出这番话必然是一种酸溜溜的感觉,甚至还有一种嫉妒,毕竟独孤明月是他梦寐以求的佳人,而且他不知道,本来独孤明月将成为他的皇后,就因为李庆安这个外来者的闯入,夺走了他的独孤妃,但现在对于他,尚不是江山美人兼得之时,江山社稷要远远比美人重要。李庆安就代表了他的江山,因此,把美人让出,也算是一种得到江山的本钱,这样算计之下,李豫的心结便迎刃而解了。
杰克恍然醒悟过来,是啊,孩子再懂事也终究是个孩子,怎么说也要征询唐昊的意见才行。

“他要算计人王伏羲和瑶池圣母。”刘皓说道:“命运最大的想法就是要得到一样东西和创神技术,当然还有一样就是灭世,灭世后得到自己想要的东西他会利用创神技术创造和盘古族人一样的生命,但是却和现在的盘古一族不同。

gulp


gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率。

正文

1. 安装NodeJS,自行在node官网下载,并安装,通过node-v检查是否安装成功

2.在此项目中,使用的是cnpm进行安装的,如果想使用cnpm安装,去淘宝镜像安装cnpm

$ npm install -g cnpm --registry=https://registry.npm.taobao.org   安装cnpm 

 

2. 安装Gulp环境

1.安装全局环境,运行命令

npm install gulp –g

3. 项目中使用Gulp

     1.创建一个新的文件夹(gulp创建的文件夹),进行初始化  cnpm init会出现下面内容,并在文件夹中有一个package.json

2.在命令中运行安装本地Gulp环境

 cnpm install gulp --save-dev

3.在本地文件新建文件名为 gulpfile.js 文件: 

常用的一些方法

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
3.js合并   gulp-concat 
4.图片压缩 gulp-imagemin

5.less转化成css gulp-less

......

5.在文件中新建一个src目录,用于存放你文件,

6.实现一个文件合并,在src下面创建两个html文件

 

var gulp = require("gulp");


gulp.task("copyHtml",function(){
	gulp.src("src/*.html") //当前目录下所有的html文件
		.pipe(gulp.dest("dist")) //文件的去处
})
dist是通过 gulp copyHtml生成的文件夹

  常用的代码压缩

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

//文件合并
gulp.task("copyHtml",function(){
	gulp.src("src/*.html")
		.pipe(gulp.dest("dist"))  //把src目录中所有html格式的文件全部合并到dist目录中
})

//图片压缩
gulp.task("imagemin",function() {
	gulp.src("src/images/*")   所有src > images中的图片
		.pipe(imagemin())  图片压缩
		.pipe(gulp.dest("dist/images"))  //放入到dist目录下面的images文件
})

//js压缩
gulp.task("uglify",function() {
	gulp.src("src/js/*.js")
		.pipe(uglify()) //压缩js代码
		.pipe(gulp.dest("dist/js")) //通过gulp uglify命令,自动输出dist下面js文件
})

//css压缩并less转换成css
gulp.task("lessc",function() {
	gulp.src("src/less/*.less")  //手动创建
		.pipe(less()) //将less文件编译成css文件
		.pipe(cleanCSS())  //压缩css
		.pipe(gulp.dest("dist/css"))   //通过gulp lessc 命令,自动输出dist/css文件
}) 

//监听文件是否有变化
gulp.task("watch",function(){
	gulp.watch("src/*.html",["copyHtml"]);
	gulp.watch("src/images/*",["imagemin"]);
	gulp.watch("src/js/*.js",["uglify"]);
	gulp.watch("src/lessc/*.less",["lessc"])
})
通过输入gulp watch自动编译

目录中的结构

 

当前文章:http://zxqss.com/kan/zq2gzq327v/index.html

发布时间:2019-03-22 08:25:00

他们为何恐惧至不顾生命:涉嫌吸毒者跳楼致死事件反思 成长营:优秀的孩子也需要成长 人民币贬值对我们意味着什么? 别和自己过不去 触目惊心的当代“官赌” 五只猴子的故事 小升初:不学奥数,到底能不能上市重点?(下) 罗李华谈:属狗的人2016年运程

你还不是娶了别人,我也没有嫁给你 佛家禅语影响人生 怎么确定家中的风水财位? 触目惊心的当代“官赌” 讨论:奸淫幼女算不算强奸? 怎样谈出理想薪酬? 跑步=生小孩,是男人就该为女人跑一次步! 请尊重一个姑娘的努力 妈妈要重视,宝宝打呼噜,不是睡得香! “一见钟情”的秘密解读 能不能嫁这样的人? 别和自己过不去 家长“说教”是怎样毁人不倦的? 有氧运动之父--肯尼斯·库珀 吃饭太晚有7大危险? 24个细节深度解读《美人鱼》 罗李华谈:属马的人2016年运程 如何向心爱之人表白 不要让孩子未来孤苦无依

编辑:公建通邓

我要说两句: (0人参与)

发布