React 相關開發工具

Gulp:是一個NodeJs項目構建工具，高效易學；把一個開發中的項目構建成一個能夠部署在服務器上的項目，壓縮 整合 

gulp.task('1',['2','3'],function(){});// 執行完1，執行2和3

　　

1 gulp.task('sass',function(){
2       gulp.src('./sass/**/*.scss')   //讀入文件內容
3       .pipe(sass().on('error',sass.logError))    //轉換成css
4       .pipe(gulp.dest('./css'));   //寫入目標目錄
5 });

 

Browserify：瀏覽器中js依賴管理工具。  是一個瀏覽器端代碼模塊化的工具；

服務器端NodeJs自帶模塊化功能，能夠使用require和module.exports構建項目。

原理：部署時處理代碼依賴，將模塊打包到一塊兒

Webpack：代碼的打包，代碼的預處理，專一js代碼的優化。是增強版的Browserify，適應大型單頁應用。

兩大特點：code splitting 和 loader

code splitting 能夠自動完成，不須要手動處理，

loader 能夠處理各類類型的靜態文件，而且支持串聯操做。