gulp

Posted 2021-01-17 mapsxy

.gitignore 设置忽略文件
1.glup是一个前端自动化构建工具
2.gulp的优点：1.易于使用 2.构建快速 3.插件高质4.易于学习
grunt webpack
gulp是基于nodejs体系的
gulp的配置文件名：gulpfile.js
nodejs commonjs module.exports require、
4.npm root -g查看npm安装的路径
5.gulp任务执行顺序是异步的 要return
6.gulp.src(查找的规则，) 读取文件
查找文件的规则：string，array
*匹配全部文件
{，}或
**匹配0个或多个文件夹
！：非
gulp task() 建任务 3.x不用return 4.0必须return
gulp dest(输出路径)
gulp.watch(监听的文件，执行任务)
gulp.series(任务1，任务2，.......) 设置任务的执行顺序为串行执行
gulp.paralle(任务1，任务2，.......) 设置任务的执行顺序并行执行

解决：cnpm install gulp-cli -g 丢包了

sass=require(‘gulp-autoprefixer‘)编译scss
auto=require(‘gulp-autoprefixer‘) 自动添加前缀
clean=require(‘gulp-clean-css‘)压缩css
uglify=require(‘gulp-uglify‘)压缩js
babel=require(‘gulp-babel‘)ES6---->ES5

var server=require(‘gulp-webserver‘)起服务拦截前端请求
server({
port: 8080 //配置端口
open:tru//是否自动打开浏览器
host:ip地址//配置ip
livereload：true //是否自动刷新浏览器
middleware:function(req,res,next){//拦截前端请求

}
})

post

get

 

git pull =git fetch+git merge
git pull:把代码从远程拉取下来并和本地的代码合并
git fetch:把代码从远程拉取下来但是不和本地合并
git merge :合并代码

git pull origin dev==git fetch origin dev +git merge origin/dev