Nx 工具提供兩個建立新範本的指令、ng g app <<name>>
和 ng g lib <<name>>
,這一篇文章來看建立 application 的命令
[Angular] Nx 環境設定介紹
上一篇 Nx 介紹了如何安裝工具及可執行的指令,這一篇來介紹一下 workspace 的架構
[Angular] Nrwl Nx - 安裝篇
繼上一篇 Mono repo 的討論後,今天要來介紹一下 Nrwl 這間顧問公司所推出的 Nx 工具,這 Nx 工具是建構在 Angular CLI 並使用自訂 schematics 的範本來創造符合企業開發需求的樣板工具,在這一篇會先簡單的介紹如何安裝並建立一個 nx workspace
[Angular] @Attribute
Angular 的 Decorator 裡,有一個 @Attribute
,但官方文件並沒有介紹這一個 decorator 的用法,所以在此介紹一下
[Angular] viewProviders V.S. providers
Angular Component 的 metadata 資訊內有兩個可以設定 providers
的地方,分別是 viewProviders
和 providers
,這兩者都可以註冊 providers 但有些微的差異
[Angular] 建立 Schematics Collection
之前的文章介紹了 Schematics,現在就來自己建立一個 Schematics collection,我們希望建立出來的 collection 可以保留原有 Angular CLI 的功能,並擴充自己想要的樣板
[Angular] monorepo 架構是否可行?
目前的管理程式碼,大致上可以分成兩種方式, mono 與 multiple repositories,通常是採 Multiple Repo,每一個系統都有自己的 repository 做版控,各自管理自己的套件版本,這聽起來很合理,但目前比較大型的軟體公司,像是 Google 、Facebook、Twitter 等。都是採取 mono repo 的開發模式(請留意上述公司都有自己一套的開發流程)
※沒有哪一種方法好,哪一種方法不好。都有各自的優缺點 !
[Angular] Rendertron
什麼是 rendertron
? rendertron
是 Google Chrome 團隊推出的另外一個新工具,這工具可以讓 PWA 網站遇到網路爬蟲或是分享到 twitter/Facebook 時,可以產出靜態頁面的效果。換句算說,這工具可以讓我們不用額外處理 Service Side Rendering 卻可以得到相同的效果 (僅局限於網路爬蟲或是 Rich Content Sharing時)。
[Angular] CDK 系列 - Portal
Angular Material 團隊在前一陣子推出 Angular CDK 的套件,什麼是 Angular CDK ? 簡單的說就是 Angular material 2 底層在使用的功能而樣式的部分就留給我們自己設計。
The goal of the CDK is to give developers more tools to build awesome components for the web. This will be especially useful for projects that want to take advantage of the features of Angular Material without adopting the Material Design visual language. — Angular Team
[Angular] 利用 Angular CLI 1.6 建立 PWA 網站
Angular CLI 1.6 預設內建 service-worker 功能,只要在建立時加個參數,就可以將 service-worker 設定起來,就是這麼方便,但細節設定呢?