国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

       目前做前端開發(fā)的同學可能都熟悉grunt，fis之類的自動化構建工具，其實在HybridApp開發(fā)中我們也可以使用這些工具來簡化我們的工作，gulp就是一個比grunt，fis都先進的構建工具，用好gulp可以簡化我們的工作流程，提升產品質量。本文會詳細的說明我們移動App項目gulp的使用經驗，部分關于gulp的介紹來自國外網站。

       gulp是 Fractal公司發(fā)布的一個新的基于nodejs的構建系統,目標是取代Grunt，成為最流行的JavaScript任務運行器。目前ionic框架默認的構建工具就是gulp，ionic使用gulp-sass插件編譯css。

       根據gulp的文檔，它努力實現的主要特性是：

• 易于使用：采用代碼優(yōu)于配置策略，gulp讓簡單的事情繼續(xù)簡單，復雜的任務變得可管理。
• 高效：通過利用node.js強大的流，不需要往磁盤寫中間文件，可以更快地完成構建。
• 高質量：gulp嚴格的插件指導方針，確保插件簡單并且按你期望的方式工作。
• 易于學習：通過把API降到最少，你能在很短的時間內學會gulp。構建工作就像你設想的一樣：是一系列流管道。

       Gulp通過流和代碼優(yōu)于配置策略來盡量簡化任務編寫的工作。這看起來有點“像jQuery”的方法，把動作串起來創(chuàng)建構建任務。早在UNIX的初期，流就已經存在了。流在Node.js生態(tài)系統中也扮演了重要的角色，因此用gulp編寫任務也可看作是用Node.js編寫任務。當使用流時，gulp去除了中間文件，只將最后的輸出寫入磁盤，整個過程因此變得更快。gulp采用代碼優(yōu)于配置的策略，讓簡單的事情繼續(xù)簡單，將復雜的任務變得可管理。

      與其他任務運行器一樣，每個任務都可以是一個簡單的工作單元，下面的代碼是ionic框架自帶的編譯scss為css：

[javascript] view plaincopy
gulp.task('sass', function(done) {  
gulp.src('./scss/ionic.app.scss')  
.pipe(sass())  
.pipe(gulp.dest('./www/css/'))  
.pipe(minifyCss({  
keepSpecialComments: 0  
}))  
.pipe(rename({ extname: '.min.css' }))  
.pipe(gulp.dest('./www/css/'))  
.on('end', done);  
});  
  
gulp.task('watch', function() {  
gulp.watch(paths.sass, ['sass']);  
});  

      關于Grunt，對它的抱怨除了過于冗長，還包括大量的插件做了他們不該做的工作。Mark Goodyear在一篇博客中舉了個例子，Grunt的imagemin插件不僅壓縮圖片，同時還包括緩存功能。他表示，在gulp中，緩存是另一個插件，可以被別的插件使用，這樣就促進了插件的可重用性。

      查看gulp的代碼庫活動以及加星關注的人數，可以發(fā)現這個構建系統已經開始獲得動力。它同時也引起了JavaScript社區(qū)的興趣：Yeoman的首席開發(fā)者Addy Osmani，提交了一篇issue，向團隊成員介紹gulp并評估其替換當前構建系統。Sindre Sorhus是Yeoman研發(fā)團隊成員和NPM的主要貢獻者，寫了一篇關于gulp的博客并在Twitter上提到gulp：“比Grunt速度更快、配置更少”。

      我們項目使用gulp腳本進行app發(fā)布前的預處理工作，包括css壓縮，angularJS壓縮前預處理， js去掉log，js壓縮，不需要打包的文件刪除，文件內容替換等事情，用的插件主要有gulp-util，bower,gulp-concat,gulp-sass,gulp-minify-css,gulp-raname,shelljs,gulp-ngmin,gulp-uglify,gulp-rimraf,gulp-replace 等。

項目發(fā)布前只要在項目目錄下運行ionic build ios, gulp publish就可以了，然后在xcode里面打包發(fā)布。

      到xcode里面運行 Project -> Archive, 在彈出的Organizer窗口選中剛生成的Archive，點擊Distribute， 選中第二項發(fā)布企業(yè)分發(fā)版本，（然后可以選擇填寫一些信息生成plist文件，不必須，這個文件就是個文本文件，可以直接編輯的）。

附gulp項目配置文件gulpfile.js的代碼