如何在 Angular 库中添加引导程序

Question

我的版本是：

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

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

步骤1：ng new my-workspace --create-application=false

第2步：cd my-workspace然后ng generate library my-lib

步骤3：cd projects/my-lib/src/lib

步骤4：npm install bootstrap --save

之后我可以看到my-workspace/projects/my-lib/package.json

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

但现在我被困住了。我被告知在style.css或angular.json中添加 bootstrap 。但这些文件不会存在于库代码中。请告诉我如何进行此操作。我发现的几乎所有文章都是针对成熟的角度应用程序。

这意味着

Answer 1

您的问题可能不是如何将引导程序添加到角度应用程序，而是如何将引导程序添加到角度库。

也许以下方法可以解决您的问题。

首先在以下peerDependencies部分添加引导程序：my-workspace/projects/my-lib/package.json

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

当您的角度库用作另一个角度项目中的依赖项时，这将安装引导程序。

然后创建.scss文件并将以下行放入文件中，然后在相应的组件中指定它。

@import "node_modules/bootstrap/scss/bootstrap"

之后，在包含您的库的 Angular 项目devDependencies部分中添加引导程序，如下所示。package.json这将允许您在开发库时使用引导程序。

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