モジュール化されたライブラリのスタンドアロンの外部依存関係jsファイルを作成するにはどうすればよいですか？

Question

基本的には、CDN（Kendo UI）のライブラリを参照して使用する多数の従来のWebアプリケーションがあります。そのような要求をリモートホストに取り除く作業がありますので、アプリケーションが参照する単一のローカルjsファイルにすべての依存関係を収集する既存のnpmスクリプトタスクにライブラリを組み込むことができます。

this libraryは、（jqueryやangularなどの他のライブラリとは異なり）すぐに使用できるプリコンパイル済みのjsファイルを提供していませんが、モジュール化されており、webpackまたはbrowserifyを使用する必要があります。

私たちのレガシーアプリケーションでは依存関係の読み込みにモジュラーアプローチを使用していないため、書き換えの対象がありません。モジュール化されたライブラリを同等のjsファイルにパッケージしたいと思います単純に<script>参照を介してアクセスしてください。

私はbrowserifyを使って、ライブラリへの参照が単にrequireのソースjsファイルからコンパイルしようとしましたが、アプリケーションのコンパイルされたファイルを参照すると、アプリケーションのライブラリ関数が利用できないため、エラーが発生します。

誰でも正しい方向に向けることができますか？

Answer 1

モジュールベースのライブラリを使用していて、スタンドアロンで使用したい場合は、2つのことを行う必要があります。

1. モジュールをグローバルスコープに公開します。エクスポーズローダーhttps://github.com/webpack-contrib/expose-loaderを使用しているか、ウィンドウオブジェクトに割り当てているだけかもしれません。

2. また、モジュールにもスタンドアローンを含むライブラリを使用している場合は、これらについてwebpackに伝える必要があります。

例：

{ 
    externals: { 
    jquery: 'jQuery' 
    } 
    // other stuff.. 
} 

最後にこれらを含めるときは、スクリプトタグの順序を覚えておいてください。例えば。バンドルされたjavascriptの前にjqueryを含めてください。