2017-05-24 5 views
4

Ich habe meine Webpack-Konfigurationsdatei erstellt und es funktioniert gut. Ich möchte externen Quellen verwenden, um einige Libs von CDN zu laden:Webpack-2 externals Bootstrap von cdn laden

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

Noch kann ich nicht Bootstrap laden. Ich habe versucht bootstrap:'bootstrap' bootstrap:true, aber es funktioniert nicht. Ich versuchte import und require in meiner Datei. Wenn ich jquery var $ = require('../../../node_modules/jquery/dist/jquery'); Bootstrap Modal wird erhalten Fehler, und wenn ich auskommentieren erfordern jquery Ich sehe eine jquery Fehler.

Für jetzt habe ich keine Ahnung, wie das zu lösen ist.

Antwort

0

Wenn Sie Bootstrap-Quellcode schauen, es ein Objekt mit folgenden Elementen exportiert (siehe bootstrap/js/src/index.js in Datei:

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' 
    }, 
    ... 
} 
:

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

Also, fügen Sie sie als Äußerlichkeiten, sollte der Eintrag