使用VS 2017和Angular 4安装Bootstrap 4

Question

我正在尝试使用以下工具进行第一方项目：

• .Net Core 2 MVC
• Angular 4
• Bootstrap 4
• Visual Studio 2017

我按照本教程没有任何问题来运行Angular应用程序： http://www.talkingdotnet.com/how-to-create-an-angular-4-app-with-visual-studio-2017/

我一般都不熟悉Angular4，webpack等。我参与了很多淘汰赛，Angular 1和Angular 2项目，但我自己从未设置过Angular 2+项目。

我无法弄清楚如何使用npm安装bootstrap 4。在最新的bootstrap库上运行npm install很顺利，但我不知道如何将CSS和js注入到应用程序中。开始使用bootstrap 4的大多数指南都使用上面教程中未生成的文件（例如，styles.css来自http://technobytz.com/install-bootstrap-4-using-npm.html）。

以下是visual studio的项目当前视图：

有什么想法？提前谢谢。

Answer 1

我一直遇到同样的问题，并this answer @james-law找到一个类似的问题来解决这个问题。

  

  
1. 在Visual Studio中打开Angular SPA解决方案
  
2. 打开package.json并将引导条目更新为"bootstrap": "4.0.0"或您需要的任何版本
  
3. 在Visual Studio中关闭解决方案
  
4. 打开项目文件夹并删除node_modules文件夹
  
5. 打开项目文件夹的命令提示符
  
6. 在命令提示符下运行npm install popper.js --save
  
7. 在命令提示符下运行npm install
  
8. 在命令提示符下运行webpack --config webpack.config.vendor.js
  
9. 在Visual Studio中打开解决方案
  
10. 构建解决方案，之后您应该完全升级
  

虽然答案很有效但我不想全局安装webpack所以我跳过了第8步，而是在第10步之前删除了dist内的wwwroot文件夹。