Angular 如何在角度库中添加boostrap

我的版本是：

1. npm v6.14.12
2. node v10.24.1
3. angular-cli v8.0.2

我使用以下命令创建了一个库：

步骤1:

ng新建我的工作区--create application=false

第2步：

cd我的工作区

然后

ng生成库我的库

第三步：

cd项目/my lib/src/lib

步骤4:

npm安装引导程序--保存

在此之后，我可以看到我的工作区/projects/my lib/package.json

  "dependencies": {
    "bootstrap": "^5.0.1"
  }

但现在我被卡住了。我被告知在style.css或angular.json中添加引导。但是这些文件不会用于库代码。请告诉我怎么做。我找到的几乎所有文章都是针对成熟的角度应用程序的

这意味着

我们需要在angular.json文件中添加以下内容，以完成引导程序的安装

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


 "scripts": [
     "node_modules/bootstrap/dist/js/bootstrap.min.js"
  ]

您还可以在此处查看更多信息：

---

请按照本指南了解有关库创建的更多信息：

在src/style.css中直接导入

@import '~bootstrap/dist/css/bootstrap.min.css';

---

也许你的问题不是关于如何将引导添加到angular应用程序，而是关于如何将引导添加到angular库

可能以下方法可以解决您的问题

首先在

my workspace/projects/my lib/package.json

的

peerDependencies

部分添加引导，如下所示：

 "peerDependencies": {
     ...
     "bootstrap": "^5.0.1",
     ...
 }      

当您的angular库用作另一个angular项目中的依赖项时，这将安装引导

然后创建

.scss

文件，并在文件中放入以下行，然后在相应的组件中指定它

@import "node_modules/bootstrap/scss/bootstrap"

之后，在包含库的angular项目的

package.json

的

devDependencies

部分添加引导，如下所示。这将允许您在开发库时使用引导

"devDependencies": {
    ...
    "bootstrap": "^5.0.1",
    ...
  }

---

完成创建过程后，我们可以将lib视为正常的角度项目，也可以将依赖项导入视为正常的角度项目。我想你把这张cd项目/my lib/src/lib搞砸了。请重新检查您的节点模块安装情况。这正是我要找的。感谢这起作用了。