javascript - Webpack-2 externals如何从cdn加载bootstrap

Question

我创建了我的 webpack 配置文件，它工作正常。我想使用外部从 CDN 加载一些库:

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