當一個彙總項目包含像jquery和backbone這樣的公共庫時，你會怎麼做？

Question

我正在使用匯總來建立一個依賴jQuery和主幹的庫。花了三個星期的時間來構建它，但現在我意識到我的捆綁代碼包含jquery和骨幹的源代碼。因此，將我的庫包含在jquery上的頁面上會使jquery翻倍，導致大量不必要的膨脹。

開發人員如何處理此問題？

Answer 1

在這種情況下它會離開jQuery和骨幹網出束沿這些線的配置是合適的：

// rollup.config.js 
export default { 
    entry: 'src/main.js', 
    moduleName: 'myLibrary', 
    targets: [ 
    { dest: 'dist/my-library.umd.js', format: 'umd' }, // pkg.main 
    { dest: 'dist/my-library.es.js', format: 'es' } // pkg.module 
    ], 
    external: [ 'jquery', 'backbone' ], 
    globals: { 
    jquery: 'jQuery', 
    backbone: 'Backbone' 
    } 
}; 

這樣一來，如果有人被捆綁在一起的庫的應用程序，jQuery和骨幹將被包括但只有一次。另一方面，如果您的庫包含在<script>標記中，那麼只要還有jQuery和Backbone的<script>標記，它就會工作。