Node.js第二天

Node.js第二天

一.第三方模块Gulp

基于node平台开发的前端构建具
将机械化操作编写成任务,想要执行机械化操作时执行个命令行命令 任务就能自动执行了用机器代替手工，提开发效率。

1.1 Gulp能做什么

● 项目上线，HTML、CSS、JS文件压缩合并
● 语法转换(es6、 less …
● 公共文件抽离
● 修改文件浏览器自动刷新

1.2 Gulp使用

1.使用npm install gulp下载gulp库文件
2.在项目根目录下建立gulpfile.js文件
3.重构项目的文件夹结构src目录放置源代码文件dist目录放置构建后文件
4.在gulpfile.js文件中编写任务.
5.在命令行工具中执行gulp任务

1.3 Gulp中提供的方法

●gulp.src0): 获取任务要处理的文件
●gulp.dest(): 输出文件

const gulp = require('gulp') ;
//使用gulp.task(方法建立任务
gulp. task('first',() => {
   
//获取要处理的文件
	gulp.src('./src/css/base.css')
//将处理后的文件输出到dist目录
	.pipe(gulp.dest('./dist/css')) ;
});

●gulp.task(): 建立gulp任务
●gulp.watch(): 监控文件的变化

1.4 Gulp插件

● gulp-htmlmin : html文件压缩

gulp.task('htmlmin',(