Gulp入门

Gulp介绍

前端自动化构建工具

5个核心方法

gulp.task(‘任务名’,function(){}) 创建任务
gulp.src() 操作的文件路径
gulp.dest() 输出到哪

基本使用

npm 全局安装gulp-cli

在任意文件夹中安装gulp

在该文件夹中创建gulpfile.js在里面写代码使用gulp

在cmd中进入该文件夹使用gulp 任务名

输出文件

例子将指定文件输出的指定文件夹
使用gulp.src()匹配文件

调用pipe 管道方法在里面调用gulp.dest()指定输出目录

压缩js文件

在项目目录安装gulp-uglify

在gulpfile中引入gulp-uglify,并在管道函数中使用函数压缩js代码

合并js文件

使用gulp-concat插件

压缩css文件

cssmin

Gulp入门

Gulp介绍

前端自动化构建工具

5个核心方法

gulp.task(‘任务名’,function(){}) 创建任务
gulp.src() 操作的文件路径
gulp.dest() 输出到哪

基本使用

npm 全局安装gulp-cli

在任意文件夹中安装gulp

在该文件夹中创建gulpfile.js在里面写代码使用gulp

在cmd中进入该文件夹使用gulp 任务名

输出文件

例子将指定文件输出的指定文件夹
使用gulp.src()匹配文件

调用pipe 管道方法在里面调用gulp.dest()指定输出目录

压缩js文件

在项目目录安装gulp-uglify

在gulpfile中引入gulp-uglify,并在管道函数中使用函数压缩js代码

合并js文件

使用gulp-concat插件

压缩css文件

cssmin