如何在使用angular-cli

时间:2018-05-05 13:18:35

标签: angular bootstrap-4 angular-cli angular5

我创建了一个angular 5项目,我想在其上集成Bootstrap 5,以便能够使用scss文件对其进行自定义。

我使用angular-cli命令行创建了项目:

ng new sample-app
cd sample-app

然后我在我的项目中添加了bootstrap 4依赖项:

npm install --save bootstrap@4.1.1

我已将default.StylesExt属性设置为scss:

ng set defaults.styleExt=scss

我也将css文件的扩展名重命名为scss,以便编译器识别。

有人知道我还应该做什么才能加载引导程序文件?或者在我的应用程序中引导?

提前非常感谢你。

1 个答案:

答案 0 :(得分:1)

您只需告诉angular CLI添加css文件。

在角度CLI JSON文件中,只需添加:

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