如何創建 Angular 庫 NPM package，這將允許按照 Angular 材料的方式導入模塊
[英]How to create a Angular library NPM package, that will allow importing modules the way the Angular Material does
在 Angular Material (AM) 中，我們可以像這樣從@angular/material導入單個模塊： import { MatButtonModule } from '@angular/material' 我也想為我的庫重新使用這種方法，但是當我的庫構建index.ts時，從publ ...
從輔助條目導入 scss
[英]Import scss from a secondary entry
我有一個 Angular 圖書館，其中有二級條目。 從其中一個，我想導出一個.scss文件。 在我的.tsconfig中，我創建了一個路徑：... path:{ "@my-entry/*":["my-entry/*"] } 入口文件結構： 在另一個條目中，我想use這個scss文件：@use ...
@example/ng-bootstrap/src/lib/badge 所需的入口點 @example/ng-bootstrap/core 不存在。 - NX
[英]Entry point @example/ng-bootstrap/core which is required by @example/ng-bootstrap/src/lib/badge doesn't exists. - NX
我在 NX 工作區中構建了一個angular 組件庫。 幾個星期以來，我一直在努力讓我的 angular 庫正常工作。 該庫包含大約 50 個組件及其各自的模塊。 前段時間問過類似的問題，但還是沒能解決問題。 但是我確實有更多的情報。 對於初學者我的應用程序中的所有頁面都是延遲加載的。 每個頁面 ...
材料在 Angular 13 庫項目中不起作用
[英]Material doesn't work in Angular 13 library project
我在 go 上有一個 Angular 13 庫。 它可以與我已經進入的其他模塊一起使用，但是我正在移動的這個新模塊使用材料，它並不滿意。 新模塊本身很好並且可以構建，直到我使用任何類型的材料。 從理論上講，我已經正確設置了一切； 我已將其添加到工作區依賴項和項目對等依賴項中。 工作區根： 項目： ...
具有 NX 和 Angular 的可發布庫的 peerDependencies 配置
[英]peerDependencies configuration for publishable libraries with NX & Angular
我有一個使用 NX 和 Angular 的 monorepo，我正在向 NPM 發布一些庫，我有以下場景 lib_A 依賴於 lib_B 和 lib_C。 在 lib_A 的預構建lib_A中沒有任何peerDependency並且在我構建它之前發布它之后，自動添加 peerDependencie ...
更新 npm 或 ng-packagr 后，發布嘗試使用不正確的包名稱和版本
[英]After update of either npm, or ng-packagr, publish tries to use incorrect package name and version
遷移到 Node@16.14.2、NPM@8.5.0 和 Angular@13 后，我無法將 ng-packager 生成的包發布到 npm 存儲庫。 包.json： 在 ng-packagr -p ng-package.json 之后，我可以看到具有預期版本的正確 package.json， ...
如何導入 Angular 13 庫打包的 SASS？
[英]How to import angular 13 library packaged SASS?
當我們使用 Angular 13 和ng-packagr發布帶有庫的 SASS 混合時，我們需要將該庫添加到package.json中的導出，並在ng-package.json中聲明一個assets塊。 這些是說明。 https://github.com/ng-packagr/ng-packa ...
ng-packagr 是否生成可以像普通 js 一樣在瀏覽器中運行的腳本？
[英]Does ng-packagr generate script who can run in the browser like normal js?
我可以使用ng-packagr通過導入為<script src="bundle.js"></script>來構建包含一個腳本文件的庫，該腳本文件可以在 html 中的瀏覽器上運行嗎？ 例如，我有main.ts執行console.log('hello'); 我想創建index ...
angular庫中的SCSS路徑
[英]SCSS paths in angular library
我正在創建 angular 庫，我在my-lib/src/styles中有一些 scss 文件，我將這些文件包含在組件 scss 文件中。 例如： 當我使用ng build構建庫時它工作正常，但是當我運行storybook時它找不到路徑。 在storybook ，如果我將工作區根文件夾的路徑放到 s ...
Angular 13 包/庫在導入 Angular 13 項目時拋出錯誤“moment is not a function”
[英]Angular 13 package/library throws error "moment is not a function" when imported into a Angular 13 project
我正在升級私有 angular 庫/包（my-lib），因此我可以遷移所有其他項目，但是當導入到項目中時，其中一項服務使用了 moment 並引發錯誤：“ERROR TypeError: moment is not a function” 該庫在開發模式下工作，構建和發布都可以，即使導入到項目中， ...
Angular 庫 - Ng-packagr：入口點和 styleIncludePaths
[英]Angular library - Ng-packagr: entrypoint and styleIncludePaths
大家好，2022 年新年快樂。我目前正在研究我的 angular 庫，盡管有文檔和我花時間尋找解決方案，但我似乎無法解決兩個問題：這就是我想要實現的目標： 我想在我的 angular 庫中設置一個主入口點，以便鏈接更清晰我想使用ng-packagr中的 styleIncludePaths 來縮短我 ...
不推薦在“package.json”中配置 ng-packagr
[英]Configuring ng-packagr in "package.json" is deprecated
在構建帶有子條目的 angular 13 package 時，我收到以下警告。 來自ng version的所有相關信息 任何想法如果這是一個誤報或如何解決它，因為官方 ng-packagr 文檔沒有提到在 package.json 中使用 ng-packagr 已被棄用。 ...
angular 庫 - 如何防止發布 npm package 導出縮小的組件和模塊名稱
[英]angular library - how to prevent published npm package to export minified component and module names
我在這里按照本指南創建了一個 angular 庫，我已成功將其發布到我們的 gitlab package 注冊表。 我能夠毫無問題地安裝 package，但無法導入我的庫模塊。 在 node_modules 中，我能夠看到所有模塊名稱都被縮小了。 經過一番研究，我在 ng-packagr 上發現了一 ...
ng-package：將動態版本字符串嵌入到 Angular 庫中
[英]ng-package: embedd dynamic version string into Angular library
是否可以修改 ng-packagr 工作流程，以便將編譯時生成的版本信息（例如版本核心、預發布版本或構建信息）嵌入到包中，並使其可供庫使用者使用，例如通過VersionService圖書館可以提供。 ...
自定義 Angular 庫組件不在模板中呈現
[英]Custom Angular library component not rendering in template
我正在嘗試使用 2 個自定義 Angular 9 個庫。 一個包含服務和其他組件。 我似乎在我的消費 app.module 中正確導入了包含組件的服務和模塊。 帶有服務的圖書館可以很好地進口，並且服務可以使用。 當我嘗試在模板中使用來自其他庫模塊的組件時，該組件未呈現並且沒有錯誤。 如果我將組件導入 ...
如何將 SASS 選項傳遞給 Angular 庫構建器
[英]How to pass SASS option to Angular library builder
我有一個使用 Bootstrap 4.5 的 Angular 11 庫 ng-packagr 使用 SASS 1.34 產生很多關於除法運算符棄用的警告，這在引導程序中被大量使用（ https://sass-lang.com/documentation/break-changes/slash-div ...
帶有適當子條目的 Angular 庫
[英]Angular Library with proper sub-entries
我正在嘗試按照文檔構建一個 Angular 庫，但不幸的是我在構建它時遇到了一些問題。 我面臨兩個主要問題： 第一個問題：庫的模塊以完整路徑導出import MyComponentModule from '@my/components/lib/my-component/my-component.mo ...
ng-packagr 無法將 Angular package 發布到 npm 或如何修復 ZC31C33180EF372817DE1Z1
[英]ng-packagr Unable to publish the Angular package to npm OR how to Fix Angular Valunerablities
我在使用 npm 發布命令將 package 發布到 npm 時遇到此錯誤： 錯誤代碼 E403 錯誤 403 403 禁止 - PUT https://registry.npmjs.org/dist - 您無權發布“dist”。 您是否以正確的用戶身份登錄？ 錯誤 403 在大多數情況下，您或您 ...
使用 ng-packagr 制作 Angular 單倉庫庫
[英]Angular mono-repo library making using ng-packagr
我的Angular應用程序具有以下mono 存儲庫文件夾結構。 我在 app1/app2 中使用 library1 和 library2，同時將這兩個庫分別發布為 .tgz 以供其他 angular 應用程序使用。 我正在使用 ng-packagr 編譯和 package Angular 庫在 A ...
Angular - 在根應用程序中包含庫文件
[英]Angular - Include librairie files in root application
我有一個庫，其中有一個js文件夾，其中包含多個 js 文件。 當我構建它時，我成功地將所有文件包含在構建的庫中。 因此，文件位於dist/my-lib/lib/js上。 但是，例如，我無法通過http://localhost:4200/lib/js從 URL 訪問這些文件。 我能怎么做？ ...