我应该如何在Webpack和Angular2项目中包含Boostrap

Question

我需要在我的Angular2项目中使用boostrap。 css和js文件。我如何将这个包含在项目中才能使webpack工作？ 与systemjs的版本，它被列入的index.html像这样：

<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> 

如何，我必须用的WebPack做到这一点？我应该使用vendor.js还是其他的？或者我应该只将这些资源复制到一个资产文件夹并链接这些资源？

Answer 1

入住这里https://github.com/AngularClass/angular2-webpack-starter/issues/696 或创建基于的WebPack工具角应用https://angular.io/docs/ts/latest/guide/webpack.html

Answer 2

我想你可以检查这样的事情https://github.com/shakacode/bootstrap-loader

您还可以引导，并通过独立的vendor.js一些其他的库（jQuery的举例）。下面是插件的的WebPack此：https://www.npmjs.com/package/webpack-vendor-chunk-plugin