angular library构建笔记

最新推荐文章于 2024-02-20 11:50:57 发布

「已注销」

最新推荐文章于 2024-02-20 11:50:57 发布

阅读量554

点赞数

分类专栏：前端小技巧文章标签： angular library

本文链接：https://blog.csdn.net/Wu_shuxuan/article/details/106428900

版权

本文详细记录了如何构建一个Angular Library，包括创建Library、添加组件、配置实时预览以及发布到npm的过程。在创建Library时，通过ng g library 命令并设置prefix以增强专业性。为测试Library，需新建一个Angular应用，并在App Module中引入Library组件。遇到的问题及解决方案也一并分享，如npm发布时的错误处理。

摘要由CSDN通过智能技术生成

构建 library

ng new project --createApplication=false （-- cd project）

参数默认为true，就是说当你使用ng new project的时候，ng会自动创建可以供你直接上手编程的应用（application）

ng g library library-name --prefix=ngx

这里的prefix参数很有用，在你引用library的时候需要加上这个prefix会显得你的library更加专业。比如想要引用这个library的根component的时候，就会如此表示：< ngx-library-name >< /ngx-library-name >

ng g application library-tester

为了测试你的library你需要创建一个application来测试他。后面有选项让你选择是否为这个应用创建路由和样式文件格式

ng build library-name
编辑app module （-- library-tester/src/app/app.module.ts）

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRouting

最低0.47元/天解锁文章

「已注销」

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angular library构建笔记

构建 libraryng new project --createApplication=false （-- cd project）参数默认为true，就是说当你使用ng new project的时候，ng会自动创建可以供你直接上手编程的应用（application）ng g library library-name --prefix=ngx这里的prefix参数很有用，在你引用library的时候需要加上这个prefix会显得你的library更加专业。比如想要引用这个libr
复制链接

扫一扫