.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,.......) 設置任務的執行順序並行執行css
解決: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---->ES5node
var server=require('gulp-webserver')起服務攔截前端請求
server({
port: 8080 //配置端口
open:tru//是否自動打開瀏覽器
host:ip地址//配置ip
livereload:true //是否自動刷新瀏覽器
middleware:function(req,res,next){//攔截前端請求webpack
}
})git
postweb
getnpm
git pull =git fetch+git merge
git pull:把代碼從遠程拉取下來並和本地的代碼合併
git fetch:把代碼從遠程拉取下來可是不和本地合併
git merge :合併代碼gulp
git pull origin dev==git fetch origin dev +git merge origin/dev瀏覽器