创建一个angular库并在我的angular项目中本地使用它
创建一个 Angular 库并在你的 Angular 项目中本地使用它是一个常见的开发需求。下面是一个完善且全面的答案：
创建一个 Angular 库包括以下步骤：
- 使用 Angular CLI 创建一个新的库项目：
- 使用 Angular CLI 创建一个新的库项目：
- 进入到库项目的根目录：
- 进入到库项目的根目录：
- 使用 Angular CLI 创建一个库：
- 使用 Angular CLI 创建一个库：
- 进入到库项目的库目录：
- 进入到库项目的库目录：
- 在库项目中编写你的库代码，包括组件、服务、指令等。
- 构建你的库：
- 构建你的库：
- 构建完成后，你可以在
dist目录下找到构建好的库文件。
在你的 Angular 项目中本地使用这个库的步骤如下：
- 在你的 Angular 项目的根目录下，使用以下命令将库项目添加为依赖：
- 在你的 Angular 项目的根目录下，使用以下命令将库项目添加为依赖：
- 在你的 Angular 项目中，导入你的库模块：
- 在你的 Angular 项目中，导入你的库模块：
- 在你的 Angular 项目中使用你的库组件、服务等。
这样，你就可以在你的 Angular 项目中本地使用你创建的 Angular 库了。
关于 Angular 库的更多信息，你可以参考以下链接：
- Angular 官方文档：Creating Libraries
- 腾讯云相关产品：暂无推荐产品
相关·内容
我正在尝试使用Angular 9，我想创建一个项目，然后创建一个库项目，并开始向其中添加我想稍后在GitHub上发布的通用模块，并在项目中本地使用这些库。以下是相关的依赖关系： Angular CLI: 9.0.0-rc.6OS: MacOS 10.15.2
PNPM: 4.3.0 首先，我<
浏览 17提问于2019-12-16得票数 2
回答已采纳
我已经向npm发布了一个Angular 10库，它在启用了常春藤的本地Angular 10项目中工作得很好，但如果我尝试在StackBlitz上使用它，我必须禁用常春藤。但与常春藤残疾人一起工作
不知道为什么我必须为StackBlitz关闭Ivy，但我可以在本地的CLI Ivy项目中很好地使用它</e
浏览 24提问于2020-08-13得票数 19
我想安装一个特定版本的angular(特别是8.3.19)。因此，我运行以下命令 npm install -g @angular/cli@8.3.19。现在，它已经安装在我的机器上了，但当我执行bg --version时，我确实看到了以下内容： Package Version@<e
浏览 20提问于2021-05-02得票数 0
回答已采纳
我在我的项目中的一个模块(角8+材料设计)中创建了一个内部指令。跟随图图和官方医生。但是，当我创建一个外部库并移动我的指令时(使用组件、服务、.)我发现了一个错误：
ERROR NullInjectorError: "StaticInjectorError(AppModule)[ButtonConfirmationDi
浏览 0提问于2019-08-23得票数 6
回答已采纳
4回答
我想要的是在本地拥有一个库，这样当我更改它时，这些更改就会反映在使用该库的项目中。我已经在我的本地机器上签出了这个库：然后进入我的项目目录并执行库文件夹出现
浏览 3提问于2018-01-19得票数 4
我有基于bootstrap的电子商务主题与所有必要的文件。Html主题正在完美加载。 这是我在angular8项目中集成的官方主题页面的链接。Theme page link 我已经在github上创建了angular8项目存储库，并更新了我的项目代码。您可以克隆它并在您自己的计算机上运行，以检
浏览 16提问于2019-10-06得票数 0
我有一个用webpack配置的角(2)应用程序，它从另一个公共存储库导入模块。因此，公共存储库有一个common.module.ts文件，其内容如下： imports: [...], providersdeclarations: [...], bootstrap: [AppComponent]export class AppModule {
浏览 2提问于2017-04-04得票数 5
回答已采纳
1回答
我正在尝试将我构建的库包含在新的应用程序中。当我使用npm i devicewise-angular从npm抓取库时，没有问题。一切运行正常。{ "compilerOptions": {
...ɵɵinject(DevicewiseM
浏览 0提问于2019-06-27得票数 0
我在angular中有一个核心项目(产品)。我在github上维护它的存储库。每次有新的客户来使用这个产品时，我们都会创建一个核心项目的克隆，并根据客户的需求添加定制。现在的问题是，每当核心项目的组件中有一些代码更改时，我们必须手动将这些更改复制到克隆项目中。假设我们有100个项目，然后我们必须将一小部分代码更改复制到100个项目中。有没有办法让它自动化，就像每次
浏览 11提问于2019-06-21得票数 0
回答已采纳
我已经在角9中创建了一个库，我希望通过npm链接在一个单独的角8项目中本地使用它。但是，当我从库中导入一个模块时，我一直收到错误--“C:/SomeModule中的意外值中的SomeModule错误”，请添加一个@NgModule注释。我的角图书馆
浏览 2提问于2021-08-26得票数 0
2回答
我知道有很多关于这个npm包安装的问题，但我找不到确切的相关答案，我已经安装了npm并在我的VStudio中开发了一些应用程序，每次在开发angular的新项目之前，我们需要通过输入cmd "npm install-g @angular/cli来重新安装npm吗？
浏览 3提问于2018-02-16得票数 10
回答已采纳
我正在使用AngularJS开发一个多页面站点，我想编写一个可以包含在多个页面中的实用程序。我看过服务和提供者，我找到的所有例子都是单页示例。我不知道如何将其推广到不同页面上使用的多个应用程序。这是我想要的两个不同的页面/应用程序。在app1.js中：
var app1 = angular.module('app1'
浏览 1提问于2018-01-10得票数 1
回答已采纳
我正在学习node express，特别是用typescript编写的express。我已经完成了基本设置，并且可以在dist文件夹中看到.ts文件被转换为js。我还创建了一个angular 10库，并成功地将该库发布到npm注册表。--api.tspackage.jsontslint.json package.json:请注意对@mycompany/my-package.json-
浏览 16提问于2020-11-11得票数 0
我正在开发一个Angular库，并将其发布到私有存储库。然后我将其安装到我本地的项目中。问题是，这个库现在变得越来越大，每当我编写新代码时，我都必须发布并运行npm update来获取本地项目中的更改。
这很烦人，因为我必须发布该库的新版本(并递增版本号)，无论更改有多小。我
浏览 2提问于2020-11-05得票数 0
我正在尝试在我的angular 2项目中使用Aframe。我在我的index.html中导入了这个库，但仍然不能使用aframe指令，例如： <a-box color="red"></a-box>抛出错误If 'a-box' is an Angul
浏览 1提问于2017-04-08得票数 3
1回答
我开发了一个库，然后在repo上发布，这样我就可以通过npm在其他项目中使用它。除了当我启动我的项目时，我有以下错误：我的库有以下依赖项：
import/angular-fontawesome"
浏览 0提问于2020-10-22得票数 1
2回答
我想编写自己的库，并在其他项目中重用它，所以我创建了一个新的应用程序，并在那里生成库：cd lib-collection如何将角度材质添加到我的库中？我想使用这样的东西：
ng add @angular</
浏览 0提问于2018-11-18得票数 14
回答已采纳
我有一个共享组件库项目，它已经有几年的历史了(只是说它已经正常工作了一段时间)。我想用角度材料组件替换一些自定义组件。但是，当我将NgMat添加到库项目中时，当我试图在单独的项目中使用它时，我得到一个错误。"peerDependencies": {
"@angular/common": "~10.
浏览 1提问于2021-05-04得票数 0
在angular 6.1上使用'ng new‘命令创建了一个新的Angular项目。如何将另一个库添加到vendor.js中，例如bootstrap？
浏览 9提问于2018-08-26得票数 0
我正在做一个项目，其中一个要求是使用谷歌的材料设计。另一个要求是Angular2。不幸的是，NG2的材料设计还没有完全准备好。因为我以前使用过Ionic2，所以我看到它有一个巨大的组件库，已经为(安卓系统)的材料设计建立了一个巨大的组件库。我想知道是否有某种方法可以提取这些组件并在</
浏览 1提问于2017-01-31得票数 0
回答已采纳
云服务器
ICP备案
对象存储
腾讯会议
云直播
腾讯云开发者
