gulp学习笔记

gulp.js是一个基于流(stream)的自动化构建工具,是开源的JavaScript自动化工具,基于node.js和npm的构建工具,可以处理压缩代码,合并代码,压缩图片,编译less等等任务 全局安装gulp npm install –global gulp-cli 或者 yarn add gulp-cli -g 初始化 npm init 作为开发依赖进行安装gulp npm install –save-dev gulp 或者 yarn add gulp-cli -d 安装依赖 yarn add –save-dev gulp-sass gulp-autoprefixer browser-sync gulp-notify 创建gulpfile.js 执行gulp gulp 修改gulpfile.js 导入gulp(这里用个变量接收) let gulp = require(“gulp”); 常用方法 gulp.task() // 定义任务 gulp.src() // 指向需要执行任务的文件 gulp.dest() // 执行完任务的文件最后在哪里 gulp.watch() // 监测文件是否发生变化 gulp.task()其中有两个参数,分别是任务名称和一个回调函数 例如: let gulp = require("gulp"); gulp.task("test", function() { return console.log("hallo gulp"); }); 执行test任务(在终端,应用根目录下) gulp test...

2021-08-06 · 1 min · Me