承上篇 【Angular CLI】Angular CLI 命令列參數紀錄 (中) ng generate,ng lint,ng test,ng e2e 將繼續把剩下的指令介紹完畢 ng build --help 執行畫面 ng build 介紹 ng build 將應用程式編譯到輸出目錄 建構的內容通常儲存於 dist/ 目錄中。 構建或服務於項目的所有命令ng build / serve / e2e將刪除輸出目錄(dist/ 預設)。可以通過--delete-output-path=false選項禁用此功能。 index.html中的基本標記處理 構建時,您可以使用--base-href your-url選項修改index.html中的基本標記(<base href =“/”>)。 #在index.html中將基本標記 href 設置為 /myUrl/ ng build --base-href / myUrl / 綁定和 Tree-Shaking 所有構建都使用綁定 和有限的tree-shaking,而--prod構建也通過UglifyJS運行有限的死代碼消除。 --build-optimizer和--vendor-chunk 使用Build Optimizer時,默認情況下將禁用供應商塊。您可以使用--vendor-chunk = true覆蓋它。 如果沒有單獨的供應商組塊,則使用Build Optimizer的總捆綁包大小會更小,因為與應用程序代碼在同一塊中的供應商代碼使得Uglify可以刪除更多未使用的代碼。 CSS資源 CSS中的資源(如圖像和字體)將作為構建的一部分自動複製。如果資源小於10kb,它也將被內聯。 您將看到這些資源在dist/的根部輸出和指紋識別。 ES2015支持 要在ES2015模式下構建,請編輯./tsconfig.json以使用“target”:“es2015”(而不是es5)。...
承上篇 【Angular CLI】Angular CLI 命令列參數紀錄 (上) ng new,ng serve ng generate application --help 執行畫面 ng generate ...
【Angular CLI】Angular CLI 命令列參數紀錄 (上) ng new,ng serve
上午9:00 / BY Fu
ng --help 執行畫面 Angular CLI 是 Angular發展過程中產生的指令列工具,內容包含了軟體開發用的到的功能。 Angular CLI 內容指令適用於 Angular CLI 6 。 簡介 Angular CLI 是一個初始化、開發、搭建和維護 Angular 應用程式的工具。 入門 使用命令列安裝 Angular CLI npm install -g @angular/cli 安裝完成後就可以使用Angular CLI 來產生並運行新的專案: 新增我的專案 ng new my-project // 建立新的專案 cd my-project // 轉到專案目錄 ng serve // 執行伺服器 (加上參數 --open 或者 --o 就會自動開啟瀏覽器) 使用瀏覽器開啟 http:localhost:4200/ 就可以看到畫面。如果原始文件做了任何的變更應用程式也會自動加載。 附加命令 ng new ng serve ng generate ng lint ng...