| 功能 | 插件 |
|---|---|
| 無(wú)需require每個(gè)插件(可選） | gulp-load-plugins |
| 頁(yè)面壓縮 | gulp-htmlmin |
| sass編譯 | gulp-sass |
| css前綴添加 | gulp-autoprefixer |
| css壓縮 | gulp-minfiy-css |
| 圖片壓縮 | gulp-imagemin |
| js語(yǔ)法檢測(cè) | gulp-jshint |
| js 壓縮 | gulp-uglify |
| 文件合并 | gulp-concat |
| HTML自動(dòng)替換路徑 | gulp-html-replace |
| 服務(wù)器 | gulp-webserver |
| js 模塊化 | browserify/webpack |
| 解決緩存問(wèn)題 | gulp-rev/gulp-rev-collector |
| 緩存文件 | gulp-cache |
| 文件壓縮后重命名 | vinyl-source-stream/viny |
| 去掉console.log() | gulp-strip-debug |
| 根據(jù)用戶在小黑窗輸入不同的命令，執(zhí)行不同的打包任務(wù)韵吨； | yargs/envify/custom |
| 不限以上功能 | 插件更新迭代速度極快迹冤，可能會(huì)有心得不限以上插件 |
前端開發(fā)環(huán)境與生產(chǎn)環(huán)境
前端的開發(fā)環(huán)境與部署環(huán)境應(yīng)該是由差異的讽营，這是因?yàn)殚_發(fā)便利與程序最后有意的性能追求會(huì)有一些沖突的地方
開發(fā)環(huán)境
前端的開發(fā)越來(lái)越體現(xiàn)工程化改革的姿態(tài)，無(wú)論是工具的進(jìn)化還是框架的更新迭代泡徙，前端是對(duì)性能的狂熱追求者橱鹏，工程化的不斷進(jìn)步，必然導(dǎo)致的就是開發(fā)環(huán)境的多姿多態(tài)，各種工具莉兰，各種插件挑围，各種方案，而不可避免的是前端開發(fā)時(shí)開發(fā)環(huán)境顯得臃腫
生產(chǎn)環(huán)境
生產(chǎn)環(huán)境的真實(shí)環(huán)境糖荒，是顯示用戶直接接觸的產(chǎn)品環(huán)境杉辙，其性能級(jí)別是最終的，直接影響用戶的體驗(yàn)感寂嘉，所以奏瞬，生產(chǎn)環(huán)境要考慮性能，所以泉孩，開發(fā)環(huán)境不能直接應(yīng)用為生產(chǎn)環(huán)境硼端，我們需要對(duì)環(huán)境可優(yōu)化的部分進(jìn)行優(yōu)化
這里舉2個(gè)例子
緩存
利用版本管理等手段合理選擇利用資源緩存和更新來(lái)優(yōu)化生產(chǎn)環(huán)境的加載性能
動(dòng)態(tài)選擇加載
我們運(yùn)行
