webpack externals jqueryuiとブートストラップ

Question

webpack設定でexternalsセクションを設定してjqueryuiとブートストラップを出力から除外するにはどうすればよいですか？

WebPACKの構成：

externals: { 
    'jquery': 'jQuery', 
    'jqueryui': 'jqueryui', 
    'bootstrap': 'bootstrap' 
} 

活字体コード：

import 'jquery'; 
import 'jqueryui'; 
import 'bootstrap'; 

上記3つ全ての型定義は、@タイプ/フォルダ内にあります。 jqueryは正常に動作しますが、他の2つは機能しません。実行時には、スクリプトタグを使用して.htmlファイルに3つのファイルがすべて取り込まれても、最後の2つは見つかりませんでした。 jquery webpackの設定は私には明らかです。 jqueryはlibararyの名前です。 jQueryはグローバル変数名です。私に混乱を招くのは、 "lib：global-var"構文をjqueryuiとbootstrapで動作させる方法です。どれもグローバル変数を持たないためです。

Answer 1

それはここで、誰かを助け場合、私はそれが2日間、インターネットを検索した後働かせた方法です。

externals: { 
    ... 
    'jqueryui': true, 
    'bootstrap': true 
} 

Answer 2

ザ・「：真」の方法は、実際に動作しませんでした。私は 'jqueryuiが見つかりません'というエラーが表示されます。私はそれを試みた：

externals { 
    ... 
    'jqueryui': 'jQuery', 
    'bootstrap': 'jQuery' 
} 

それは働いた。これら2つのライブラリは$を拡張します。これは動作しますが、__webpack_require_はそれらが存在することを確認しようとしないため、意図した方法ではないと思います。 jQueryの存在のみに依存します。しかし、これはTypeScriptとWebpackバンドル処理を満たします。