将Bootstrap CSS添加到Angular项目的最佳方法？

Question

使用yarn add bootstrap@4.1.1将Bootstrap CSS文件添加到项目后，有两种方法可以将其添加到Angular项目中：

1. 将CSS文件dist路径添加为@import到styles.css。
2. 将CSS文件路径添加到angular.json`中的styles部分。

第一个选项：

@import "~bootstrap/dist/css/bootstrap.css";

第二个选项：

"styles": [
  "src/styles.css",
  "./node_modules/bootstrap/dist/css/bootstrap.min.css"
],

所以，两者都有效，但哪一个更好？还有更好的吗？或者只是个人偏好的问题？

Answer 1

有一个由角度驱动的自举：

https://ng-bootstrap.github.io/#/home

检查https://ng-bootstrap.github.io/#/getting-started以查看他们的方法。