1. 程式人生 > >Gulp,grunt,seajs/require和browserify/webpack的區別

Gulp,grunt,seajs/require和browserify/webpack的區別

Gulp / Grunt 是構建工具,可以配合各種平臺上的外掛做js壓縮,各種css編譯,頁面自動重新整理,檢查語法等,替代手工實現自動化開發

seajs/require和browserify/webpack 這4個都是js模組化的方案

seajs / require:是一種線上"編譯" 模組的方案,相當於在頁面上載入一個 CMD/AMD 直譯器。這樣瀏覽器就認識了 define、exports、module 這些東西。也就實現了模組化

browserify / webpack:是一個預編譯模組的方案,相比上面的,這個方案更加智慧,以webpack為例,首先它是預編譯的,不需要在瀏覽器載入直譯器,在本地寫的不管是什麼風格的模組化(AMD/CMD/ES6),它都能認識,並編譯成瀏覽器能認識的JS。

webpack 是檔案打包工具,可以把專案的各種js檔案、css檔案等打包合併成一個檔案或者多個檔案,主要用於模組化,預編譯模組的方案