Angular CLI - ng xi18n 命令



本章解釋了 ng xi18n 命令的語法、引數和選項,並附帶示例。

語法

ng xi18n 命令的語法如下:

ng xi18n <project> [options]
ng i18n-extract <project> [options]

ng xi18n 命令從原始碼中提取 i18n 訊息。

引數

ng xi18n 命令的引數如下:

序號 引數 & 語法 描述
1 <project> 專案的名稱。它可以是應用程式或庫。

選項

選項是可選引數。

序號 選項 & 語法 描述
1 --browserTarget=browserTarget 要從中提取的目標。
2 --configuration=configuration

一個命名的構建目標,如 angular.json 的“configurations”部分中所指定。每個命名目標都伴隨著該目標的選項預設值的配置。顯式設定此選項將覆蓋“--prod”標誌。

別名:-c

3 --createCommits=true|false

為更新和遷移建立原始碼控制提交。

預設值:false

別名:-C

4 --format=xmb|xlf|xlif|xliff|xlf2|xliff2

生成檔案的輸出格式。

預設值:xlf

5 --help=true|false|json|JSON

在控制檯中顯示此命令的幫助訊息。

預設值:false

6 --outFile=outFile 要輸出的檔名。
7 --outputPath=outputPath 輸出將放置到的路徑。
8 --prod=true|false “--configuration=production”的簡寫。如果為 true,則將構建配置設定為生產目標。預設情況下,生產目標在工作區配置中設定,以便所有構建都使用捆綁、有限的 tree-shaking 以及有限的死程式碼消除。
9 --progress=true|false

將進度記錄到控制檯。

預設值:true

首先移動到使用ng build命令更新的 Angular 專案。本章可在https://tutorialspoint.tw/angular_cli/angular_cli_ng_build.htm中找到。

按如下所示更新 app.component.html:

app.component.spec.ts

<div class="content" role="main">
   <span i18n>app is running!</span>
</div>
<app-goals></app-goals>
<router-outlet></router-outlet>

現在執行 xi18n 命令。

示例

下面給出了 ng xi18n 命令的示例:

\>Node\>TutorialsPoint> ng xi18n

新增本地化支援。

\>Node\>TutorialsPoint> ng add @angular/localize
Installing packages for tooling via npm.
Installed packages for tooling via npm.
UPDATE src/polyfills.ts (3064 bytes)

現在,ng 將在根資料夾中建立一個 messages.xlf 檔案,這是一個行業標準的翻譯檔案。

messages.xlf

<?xml version="1.0" encoding="UTF-8" ?>
<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
   <file source-language="en-US" datatype="plaintext" original="ng2.template">
      <body>
         <trans-unit id="6226cbeebaffaec0342459915ef7d9b0e9e92977" datatype="html">
            <source>app is running!</source>
            <context-group purpose="location">
               <context context-type="sourcefile">src/app/app.component.html</context>
               <context context-type="linenumber">2</context>
            </context-group>
         </trans-unit>
      </body>
   </file>
</xliff>
廣告