結論先行:
webpack 是模塊化構建工具,具有強大的 loader 和插件生態(tài),適用于大型復雜項目的構建;
rollup 適用于基礎庫的打包,功能沒有webpack 強大;
parcel 適用于簡單的實驗性項目,在公司真實項目一般不用;
1、Webpack
webpack 適用于大型復雜的前端站點構建;
webpack 具有強大的 loader 和插件生態(tài),打包后的文件實際上就是一個立即執(zhí)行函數。
這個立即執(zhí)行函數接收一個參數,這個參數是模塊對象。鍵為各個模塊的路徑,值為模塊內容。
立即執(zhí)行函數內部則處理模塊之間的引用、執(zhí)行模塊等;
這種情況更適合文件依賴復雜的應用開發(fā)。
2、Rollup
rollup 適用于基礎庫的打包,如 vue、d3等;
rollup 就是將各個模塊打包進一個文件中,并且通過 Treeshaking 來刪除無用的代碼,可以最大程度上降低代碼體積。
但是 rollup 沒有 webpack 如此多的高級功能,如代碼分割、按需加載等。
它更聚焦于庫的打包,因此更適合庫的開發(fā)。
3、parcel
parcel 適用于簡單的實驗性項目;文章來源:http://www.zghlxwxcb.cn/news/detail-745848.html
他可以滿足低門檻的快速看到效果,但是生態(tài)差、報錯信息不夠全面都是他的硬傷,除了一些玩具項目或者實驗項目,其它項目不建議使用。文章來源地址http://www.zghlxwxcb.cn/news/detail-745848.html
到了這里,關于webpack、rollup、parcel 優(yōu)勢和劣勢?的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!