Webpack-2 외부에서 cdn에서 부트 스트랩을로드하는 방법

Question

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 오류가 발생합니다.

현재이 문제를 해결할 방법이 없습니다.

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