gulp方法

gulp的使用

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

gulp中提供的方法

• gulp.src():获取任务要处理的文件
• gulp.dest():输出文件
• gulp.task():建立gulp任务
• gulp.watch():监控文件的变化

// 使用gulp.task建立任务
// 1.任务的名称
// 2.任务的回调函数
gulp.task('first', () => {console.log('我们人生中的第一个gulp任务执行了');// 1.使用gulp.src获取要处理的文件gulp.src('./src/css/base.css').pipe(gulp.dest('dist/css'));//预待处理的任务需放置在.pipe函数当中进行处理
});

gulp插件

• gulp-htmlmin:html文件压缩
• gulp-csso:压缩css
• gulp-babel：JavaScript语法转化
• gulp-less:less语法转化
• gulp-uglify：压缩混淆JavaScript
• gulp-file-include公共文件包含
• browsersync浏览器实时同步