學(xué)習(xí)gulp前端自動(dòng)化時(shí)自己寫的一些東西,用作以后工作中使用
demo:
{
"name": "middleground",--工程名稱
"version": "1.0.0",--工程版本
"description": "Gulp WorkFlow For The New MiddleGround Of HTD",--工程描述
"main": "index.js",--默認(rèn)的啟動(dòng)頁
"scripts": {--默認(rèn)的
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "Colin Wang",--作者
"license": "ISC",--許可(默認(rèn))
"devDependencies": {--開發(fā)需求的包
"browser-sync": "^2.18.2",--BrowserSync可以同時(shí)同步刷新多個(gè)瀏覽器,更神奇的是你在一個(gè)瀏覽器中滾動(dòng)頁面粮彤、點(diǎn)擊按鈕璧瞬、輸入框中輸入信息等用戶行為也會(huì)同步到每個(gè)瀏覽器中
"gulp": "^3.9.1",--gulp基礎(chǔ) ? ?
"gulp-autoprefixer": "^3.1.1",--gulp插件 gulp-autoprefixer根據(jù)設(shè)置瀏覽器版本自動(dòng)處理瀏覽器前綴难菌。使用她我們可以很瀟灑地寫代碼茁裙,不必考慮各瀏覽器兼容前綴硫眨。
"gulp-plumber": "^1.1.0",--這個(gè)插件的作用簡單來說就是一旦pipe中的某一steam報(bào)錯(cuò)了渊抄,保證下面的steam還繼續(xù)執(zhí)行
"gulp-sass": "^2.3.2",--編譯sass/scss文件
"gulp-uglify": "^2.0.0"--gulp插件,壓縮js用
}
}
npm install --save-dev gulp? 進(jìn)行自動(dòng)安裝并且寫入package.json中