如何使用Angular 6，bootstrap 4，Visual Studio 2017将SCSS文件输出到wwwroot文件夹？

Question

我正在尝试使用Angular 6，Bootstrap 4和Visual Studio 2017构建POC，以便以后可以在实际应用程序中使用它。这是我到目前为止所做的。

1. 遵循this tutorial on youtube，我拥有Asp.Net Core Angular 6编译并正常工作的项目。
2. npm install bootstrap @ latest jquery @ latest popper.js@latest

3. 更新了angular.json以添加样式和脚本

   “样式”：[           “ src / styles.scss”         ]，         “脚本”：[           “ node_modules / jquery / dist / jquery.min.js”，           “ node_modules / popper.js / dist / umd / popper.min.js”，           “ node_modules / bootstrap / dist / js / bootstrap.min.js”         ]

4. 将引导程序scsss文件导入到styles.scss [@import“ node_modules / bootstrap / scss / bootstrap.scss”;]

5. ng构建
6. dotnet运行

问题：

1. 在何处添加导航栏代码，index.html或 app.components.html？我认为app.root之前为index.html 但我不确定。
2. 当我尝试使用添加导航栏时 引导类，Visual Studio抱怨Unknown CSS类。 我认为这是因为在wwwroot中没有引用styles.css 夹。那么如何从scss编译为css并将其导入到wwwroot 夹。我尝试使用Gulp，这有点用，但是我是手动的 在每次构建和“ ng build”命令之前运行它会删除从Gulp生成的css文件。

这是我当前项目的样子。