当前位置: 首页 > Web前端 > HTML

如何创建Angular库并在生产环境中使用

时间:2023-03-28 13:15:16 HTML

本文使用的Github项目:https://github.com/wangzixi-d...项目本地路径:C:\Code\SPA\angular-monorepoGithubcommit1:https://github.com/wangzixi-d...在这个commit中,在workspace中新建了一个application类型的项目:build使用的工具是:@angular-devkit/build-angular当:browserngserve,使用的工具是:@angular-devkit/build-angular:dev-server创建Angular库的commit:https://github.com/wangzixi-d...对于库,使用的build工具是packagr:所以在package.json中自动导入了ng-packagr的依赖:使用方法:注意第五行,这里my-lib并不是直接从文件系统导入,而是使用了它的名字。在workspace的tsconfig.json文件中,paths中自动添加了my-lib与磁盘物理文件的映射关系。这样当ngbuild看到my-lib的符号时,就会在dist/my-lib文件夹中寻找类型定义:library文件夹下的package.json指定入口文件为public-api.ts:查看VisualStudioCode中的my-lib,鼠标悬停上去,可以看到模块“my-lib”的提示:按住ctrl点击左键,可以看到自动定位到dist文件夹my-lib中。din.ts:ngbuildmy-lib:ngbuildsucceeded:ngbuild--configurationproductionsucceeded:jerry-first-app出现在dist文件夹中:终于运行成功了:这个项目还有一些其他的文件。polyfills.ts:在网络开发中,polyfill是在不支持它的网络浏览器上实现功能的代码。大多数时候,它指的是实现HTML5或CSSWeb标准的JavaScript库,这些标准要么是旧浏览器上的既定标准(某些浏览器支持),要么是现有浏览器上的提议标准(任何浏览器都支持)。不支持)。正式地,“polyfills是浏览器API填充程序”。Polyfill允许Web开发人员使用API,而不管浏览器是否支持,通常开销很小。通常,他们首先检查浏览器是否支持该API,如果可用则使用它,否则使用他们自己的实现。Polyfills本身使用其他更多受支持的功能,因此不同的浏览器可能需要不同的polyfills。该术语也用作动词:polyfilling为功能提供了一个polyfill。更多Jerry原创文章在这里:《王子熙》: