Webpack-2 外部如何从 cdn 加载引导程序答案

【问题标题】：Webpack-2 externals how to load bootstrap from cdnWebpack-2 外部如何从 cdn 加载引导程序
【发布时间】：2017-10-24 07:21:13
【问题描述】：

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

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 错误。

目前我不知道如何解决这个问题。

【问题讨论】：

标签： javascript twitter-bootstrap cdn webpack-2

【解决方案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'
    },
    ...
}

【讨论】：