Webpack-2外部如何从cdn加载引导

Question

我创建了我的webpack配置文件，它工作得很好。我想使用外部变量从CDN加载一些lib：

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

仍然无法加载bootstrap。我尝试过bootstrap:'bootstrap' bootstrap:true，但它不起作用。我在我的文件中尝试了import和require。当我需要jquery var $ = require('../../../node_modules/jquery/dist/jquery'); bootstrap modal错误时，当我注释掉require jquery时，我看到了一个jquery错误。

现在我不知道如何解决这个问题。

Answer 1

如果查看bootstrap源代码，它会导出一个包含以下项的对象(请参阅文件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'
    },
    ...
}