Webpack 및 Angular2 프로젝트에 Boostrap을 포함하는 방법

Question

Angular2 프로젝트에서 boostrap이 필요합니다. css와 js 파일. 어떻게 webpack 작업을 만들기 위해이 프로젝트에 포함시켜야합니까?

<link rel="stylesheet" href="node_modules\bootstrap\dist\css\bootstrap.css"> 
<link rel="stylesheet" href="assets\css\emersy.css"> 


<script src="node_modules/jquery/dist/jquery.js"></script> 
<script src="node_modules/bootstrap/dist/js/bootstrap.js"></script> 

내가 웹팩으로이 작업을 수행해야하는 방법 : systemjs와 버전에서 는이 같은 index.html을 포함했다? vendor.js 또는 다른 것을 사용해야합니까? 또는이 리소스를 자산 폴더에 복사하고이 리소스를 연결해야합니까?

Answer 1

체크 https://github.com/AngularClass/angular2-webpack-starter/issues/696 또는 만들기 https://angular.io/docs/ts/latest/guide/webpack.html

Answer 2

난 당신이 또한 부트 스트랩과 별도의 vendor.js를 통해 다른 라이브러리 (예를 들어, jQuery를) 포함 할 수 있습니다이 https://github.com/shakacode/bootstrap-loader

같은 것을 확인할 수 있다고 생각합니다. 다음은이에 대한 웹팩을위한 플러그인입니다 : 웹팩 기반 도구와 각 응용 프로그램을 여기 https://www.npmjs.com/package/webpack-vendor-chunk-plugin