ロールアッププロジェクトにjqueryやバックボーンのような共通ライブラリが含まれているとどうしますか？

Question

私は、jqueryとバックボーンに依存するライブラリを構築するためにロールアップを使用しています。それを構築するのに3週間を費やしましたが、今ではバンドルされたコードにjqueryとその中のバックボーンのソースコードが含まれていることを認識しています。したがって、すでにjqueryがあるページに自分のライブラリを含めると、jqueryが2倍になり、不必要な膨大なものになります。

開発者はどのようにこの問題に対処していますか？

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>タグがある限り動作します。