Question

我创建了我的webpack配置文件，它运行正常。我想使用externals从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模式获取错误时，当我注释掉需要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'
    },
    ...
}

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

1 个答案: