将bootstrap添加到angular2-seed项目的webpack包中

Question

我想在这个Angular2种子项目中使用引导：https://github.com/angular/angular2-seed

我如何才能做到这一点？它已经添加到package.json中，但是例如，使用"class="btn -package.json“将不会有任何效果。

我尝试在vendor.browser.js中添加require('bootstrap/dist/css/bootstrap.css');，但没有效果。

Answer 1

在package.json中添加后，执行npm安装并从node_modules引用index.html中的链接：

<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css/"> 

Answer 2

我只是想弄清楚，所以我想分享一下：

在tools/config/project.config.ts中，在this.NPM_DEPENDENCIES赋值数组中添加以下行：

{src: 'bootstrap/dist/js/bootstrap.min.js', inject: 'libs'},

并在this.APP_ASSETS赋值数组中添加以下行：

{src: 'node_modules/bootstrap/dist/css/bootstrap.min.css', inject: true, vendor: false},

完整示例：

this.NPM_DEPENDENCIES = [
  ...this.NPM_DEPENDENCIES,
  {src: 'bootstrap/dist/js/bootstrap.min.js', inject: 'libs'},
];

// Add `local` third-party libraries to be injected/bundled.
this.APP_ASSETS = [
  ...this.APP_ASSETS,
  {src: 'node_modules/bootstrap/dist/css/bootstrap.min.css', inject: true, vendor: false},
];