覆盖引导'；s css与我们使用网页包的自定义css

我正在制作一个Angular2应用程序，我正在使用bootstrap进行造型。我使用webpack作为模块绑定器。我已经包括了引导库和vendor.ts中的全局自定义样式表。 这是我的供应商。ts：

// Angular
import '@angular/platform-browser';
import '@angular/platform-browser-dynamic';
import '@angular/core';
import '@angular/common';
import '@angular/http';
import '@angular/router';
// RxJS
import 'rxjs';
// Other vendors for example jQuery, Lodash or Bootstrap

import 'jquery';
import 'bootstrap-loader';
import 'font-awesome-sass-loader';
// You can import js, ts, css, sass, ...

import '../public/css/styles.css';

通常情况下，您必须在HTML文件中的引导css之后链接自定义css（例如）

---

用您自己的样式替代引导的样式。我该如何使用webpack？谢谢。

这与angular 2无关。您可以在index.html中按覆盖顺序包含css文件，并将其与任何其他项目一样使用。

---

但是，如果您具有特定于组件的样式，则可以在具有styles/styleUrls元数据属性的组件中使用这些样式，以便单独封装特定于该组件的css。

我知道通过index.html包含文件时效果很好，而且我还知道如何使用特定于组件的样式的样式。我正在探索通过vendor.ts导入样式表和JavaScript文件来获得相同结果的方法，这样我就可以有一个index.html，其中只包含基本的html标记。我想要的一切都被导入了，但是我的自定义css（全局）被引导的css覆盖了。所以我实际上在寻找一种方法来导入vendor.ts中的文件，这样它就不会被覆盖。（仅供参考：我正在使用网页包。）

<link rel="stylesheet" href="bootstrap.css">
<link rel="stylesheet" href="custom.css">