Rollup 與 webpack的區別

特性：

webpack 拆分代碼， 按需加載；

Rollup 全部資源放在同一個地方，一次性加載，利用 tree-shake 特性來剔除項目中未使用的代碼，減小冗餘，可是webpack2已經逐漸支持tree-shake 

 

資源：

webpack 相對來講擁有更大的社區支持，資源更加齊全，文檔更加完整，有更完整的插件庫，如熱更新及web-server等。

 

結論：

對於應用使用 webpack，對於類庫使用 Rollup

若是你須要代碼拆分(Code Splitting)，或者你有不少靜態資源須要處理，再或者你構建的項目須要引入不少CommonJS模塊的依賴，那麼 webpack 是個很不錯的選擇。

若是您的代碼庫是基於 ES2015 模塊的，並且但願你寫的代碼可以被其餘人直接使用，你須要的打包工具多是 Rollup 。

 

使用參考：

http://www.phpchina.com/portal.php?mod=view&aid=40575

https://rollupjs.org/

https://webpack.github.io/docs/