Webpack-2 externals cdnからブートストラップをロードする方法

Question

webpack設定ファイルを作成しても問題ありません。私はCDNからいくつかのlibsをロードするために見た目を使いたい：

externals:{ 
     jQuery: 'jquery', 
     $: 'jquery', 
     moment: "moment", 
     Highcharts:'highcharts', 
     tether: 'tether', 
     Tether: 'tether', 
     'window.Tether': 'tether' 
     } 

それでも私は、ブートストラップをロードすることはできません。私はbootstrap:'bootstrap' bootstrap:trueを試しましたが、動作しません。 私はimportとrequireを私のファイルに書きました。 jqueryが必要なときvar $ = require('../../../node_modules/jquery/dist/jquery');ブートストラップモーダルにエラーが発生し、コメントアウト時にjqueryが必要です。jqueryエラーが表示されます。

今のところ私はこれを解決する方法がありません。

Answer 1

あなたは、ブートストラップソースコードに見れば、それは以下の項目を持つオブジェクトをエクスポートするには（bootstrap/js/src/index.jsをファイルを参照してください。

だから、

export { 
    Util, 
    Alert, 
    Button, 
    Carousel, 
    ... 
} 

、外観としてそれらを追加するために、エントリは次のようになります。

webpackConfig.externals = { 
    jquery: '$', 
    bootstrap: { 
     Util: 'Util', 
     Alert: 'Alert', 
     Button: 'Button', 
     Carousel: 'Carousel', 
     Collapse: 'Collapse', 
     Dropdown: 'Dropdown', 
     Modal: 'Modal', 
     Popover: 'Popover', 
     Scrollspy: 'Scrollspy', 
     Tab: 'Tab', 
     Tooltip: 'Tooltip' 
    }, 
    ... 
}