# @vendure/ngx-translate-extract

> Extract strings from projects using ngx-translate

Latest version **10.2.0** (published 2026-06-10) · MIT license · 48.4K weekly downloads

## Install

```sh
npm install @vendure/ngx-translate-extract
pnpm add @vendure/ngx-translate-extract
yarn add @vendure/ngx-translate-extract
bun add @vendure/ngx-translate-extract
```

Provides the command `ngx-translate-extract`.

## Health

**Score 75/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; has provenance; high maintenance score.

## Facts

| | |
|---|---|
| Version | 10.2.0 |
| Published | 2026-06-10 |
| First published | 2022-12-15 |
| Weekly downloads | 48.4K |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM |
| Node | >=20.19.0 |
| Dependencies | 6 |
| Unpacked size | 93.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 67 |
| Author | Kim Biesbjerg |
| Maintainers | michaelbromley, vendure_team, dlhck, housein_is_programming |
| Keywords | angular, ionic, ngx-translate, extract, extractor, translate, translation, i18n, gettext |

## Links

- npm: https://www.npmjs.com/package/@vendure/ngx-translate-extract
- Repository: https://github.com/vendurehq/ngx-translate-extract
- Issues: https://github.com/vendurehq/ngx-translate-extract/issues
- npm.io page: https://npm.io/package/@vendure/ngx-translate-extract

## Dependencies (6)

- [flat](https://npm.io/package/flat.md) ^6.0.1
- [glob](https://npm.io/package/glob.md) ^13.0.6
- [yargs](https://npm.io/package/yargs.md) ^18.0.0
- [braces](https://npm.io/package/braces.md) ^3.0.3
- [gettext-parser](https://npm.io/package/gettext-parser.md) ^9.0.2
- [@phenomnomnominal/tsquery](https://npm.io/package/@phenomnomnominal/tsquery.md) ^6.2.0

## Alternatives

- [messageformat](https://npm.io/package/messageformat.md) — 329.7K weekly downloads
- [@mintlify/scraping](https://npm.io/package/@mintlify/scraping.md) — 294.8K weekly downloads
- [@mintlify/previewing](https://npm.io/package/@mintlify/previewing.md) — 209.5K weekly downloads
- [@mintlify/prebuild](https://npm.io/package/@mintlify/prebuild.md) — 209.5K weekly downloads
- [@mintlify/link-rot](https://npm.io/package/@mintlify/link-rot.md) — 206.3K weekly downloads

## Recent versions

- 10.2.0 (latest) — 2026-06-10
- 10.0.0-next.0 (next) — 2025-07-02
- 10.1.3 — 2026-01-26
- 10.1.2 — 2025-12-04
- 10.1.1 — 2025-11-17
- 10.1.0 — 2025-09-09
- 10.0.1 — 2025-07-29
- 10.0.0 — 2025-07-11
- 9.4.2 — 2025-06-30
- 9.4.1 — 2025-06-27
- 9.4.0 — 2024-12-17
- 9.3.1 — 2024-11-19
- 9.3.0 — 2024-11-18
- 9.2.1 — 2024-07-19
- 9.2.0 — 2024-06-10
- … 17 more at https://npm.io/package/@vendure/ngx-translate-extract/versions

## README

# ngx-translate-extract

[![npm](https://img.shields.io/npm/v/%40vendure%2Fngx-translate-extract)](https://www.npmjs.com/package/@vendure/ngx-translate-extract)
[![build status](https://github.com/vendure-ecommerce/ngx-translate-extract/actions/workflows/ci.yml/badge.svg?branch=master)](https://github.com/vendure-ecommerce/ngx-translate-extract/actions/workflows/ci.yml)
[![Download](https://img.shields.io/npm/dm/%40vendure%2Fngx-translate-extract)](https://www.npmjs.com/package/%40vendure%2Fngx-translate-extract)

> Angular translations extractor (plugin for [@ngx-translate](https://github.com/ngx-translate/core))

> ✓ _Compatible with server-side rendering (SSR/SSG)_

Extract translatable (ngx-translate) strings and save as a JSON or Gettext pot file.
Merges with existing strings if the output file already exists.

## History

This project was originally created by [Kim Biesbjerg](https://github.com/biesbjerg/ngx-translate-extract).
Unfortunately he was unable to continue to maintain it so the Vendure team [agreed to take over maintenance](https://github.com/biesbjerg/ngx-translate-extract/issues/246#issuecomment-1211682548) of this fork.

## Install

Install the package in your project:

```bash
npm install @vendure/ngx-translate-extract --save-dev
# or
yarn add @vendure/ngx-translate-extract --dev
```

Choose the version corresponding to your Angular version:

| Angular | ngx-translate-extract                                                                      |
|---------|--------------------------------------------------------------------------------------------|
| >= 20   | 10.x                                                                                       |
| 17 - 19 | 9.x                                                                                        |
| 13 – 16 | 8.x                                                                                        |
| 8  – 12 | [@biesbjerg/ngx-translate-extract](https://github.com/biesbjerg/ngx-translate-extract) 7.x |

Add a script to your project's `package.json`:

```json
"scripts": {
  "i18n:init": "ngx-translate-extract --input ./src --output ./src/assets/i18n/template.json --key-as-default-value --replace --format json",
  "i18n:extract": "ngx-translate-extract --input ./src --output ./src/assets/i18n/{en,da,de,fi,nb,nl,sv}.json --clean --format json"
}
```

You can now run `npm run i18n:extract` and it will extract strings from your project.

## Usage

**Extract from dir and save to file**

```bash
ngx-translate-extract --input ./src --output ./src/assets/i18n/strings.json
```

**Extract from multiple dirs**

```bash
ngx-translate-extract --input ./src-a ./src-b --output ./src/assets/i18n/strings.json
```

**Extract and save to multiple files using path expansion**

```bash
ngx-translate-extract --input ./src --output ./src/i18n/{da,en}.json
```

**Strip prefix from the generated json keys**

Useful when loading multiple translation files in the same application and prefixing them automatically

```bash
ngx-translate-extract --input ./src --output ./src/i18n/{da,en}.json --strip-prefix 'PREFIX.'
```

**Cache for consecutive runs**

If your project grows rather large, runs can take seconds. With this cache, unchanged files don't need
to be parsed again, keeping consecutive runs under .5 seconds.

```bash
ngx-translate-extract --cache-file node_modules/.i18n-cache/my-cache-file --input ./src --output ./src/i18n/{da,en}.json
```

### JSON indentation

Tabs are used by default for indentation when saving extracted strings in json formats:

If you want to use spaces instead, you can do the following:

```bash
ngx-translate-extract --input ./src --output ./src/i18n/en.json --format-indentation ' '
```

### Sorting

Extracted keys are by default not sorted. You can enable sorting by using the `--sort` or `-s` flag.

If sorting is enabled, the keys will be sorted using the default variant sort sensitivity. Other sort sensitivity options are also available using the `--sort-sensitivity` or `-ss` flag:
- `base`: Strings that differ in base letters are unequal. For example `a !== b`, `a === á`, `a === A`
- `accent`: Strings that differ in base letters and accents are unequal. For example `a !== b`, `a !== á`, `a === A`
- `case`: Strings that differ in base letters or casing are unequal. For example `a !== b`, `a === á`, `a !== A`
- `variant`: Strings that differ in base letters, accents, or casing are unequal. For example `a !== b`, `a !== á`, `a !== A`

### Marker function

If you want to extract strings that are not passed directly to `NgxTranslate.TranslateService`'s
`get()`/`instant()`/`stream()` methods, or its `translate` pipe or directive, you can wrap them
in the marker function from `@ngx-translate/core` to let `ngx-translate-extract` know you want to extract them.

**Example:** _Using the marker function_
```typescript
// your-component.ts
import { Component, inject } from '@angular/core';
import { TranslateService, _ } from '@ngx-translate/core';

const welcomeMessage = _('app.your-component.welcome');

@Component({
  selector: 'your-component',
  template: `<p>{{ message }}</p>`,
})
export class YourComponent {
  private readonly translate = inject(TranslateService);
  
  readonly message = this.translate.instant(welcomeMessage);
}
```

For more advanced use cases where a marker pipe or directive is required, or if you are using a version of `ngx-translate`
prior to v16, you can use the following library:

```bash
npm install @colsen1991/ngx-translate-extract-marker
```

See [@colsen1991/ngx-translate-extract-marker](https://github.com/colsen1991/ngx-translate-extract-marker/blob/master/README.md) documentation for more information.

### Commandline arguments

```bash
Usage:
ngx-translate-extract [options]

Output
  --format, -f                Format        [string] [choices: "json", "namespaced-json", "pot"] [default: "json"]
  --format-indentation, --fi  Format indentation (JSON/Namedspaced JSON)                  [string] [default: "\t"]
  --sort, -s                  Sort strings in alphabetical order                                         [boolean]
  --sort-sensitivity, -ss     Sensitivity when sorting strings (only when sort is enabled)                [string]
  --clean, -c                 Remove obsolete strings after merge                                        [boolean]
  --replace, -r               Replace the contents of output file if it exists (Merges by default)       [boolean]
  --strip-prefix, -sp         Strip prefix from key                                                       [string]
  --trailing-newline          Add a trailing newline to the output.                                      [boolean]
  --po-source-locations       Include file location comments in .po files                [boolean] [default: true]

Extracted key value (defaults to empty string)
  --key-as-default-value, -k           Use key as default value                                          [boolean]
  --key-as-initial-default-value, -ki  Use key as initial default value                                  [boolean]
  --null-as-default-value, -n          Use null as default value                                         [boolean]
  --string-as-default-value, -d        Use string as default value                                        [string]

Options:
  --version, -v  Show version number                                                                     [boolean]
  --help, -h     Show help                                                                               [boolean]
  --input, -i    Paths you would like to extract strings from. You can use path expansion, glob patterns and
                 multiple paths                                               [array] [required] [default: ["./"]]
  --output, -o   Paths where you would like to save extracted strings. You can use path expansion, glob
                 patterns and multiple paths                                                    [array] [required]
  --cache-file   Cache parse results to speed up consecutive runs                                         [string]
  --marker, -m   Custom marker function name                                                              [string]

Examples:
  ngx-translate-extract -i ./src-a/ -i ./src-b/ -o strings.json             Extract (ts, html) from multiple paths
  ngx-translate-extract -i './{src-a,src-b}/' -o strings.json               Extract (ts, html) from multiple paths using brace expansion
  ngx-translate-extract -i ./src/ -o ./i18n/da.json -o ./i18n/en.json       Extract (ts, html) and save to da.json and en.json
  ngx-translate-extract -i ./src/ -o './i18n/{en,da}.json'                  Extract (ts, html) and save to da.json and en.json using brace expansion
  ngx-translate-extract -i './src/**/*.{ts,tsx,html}' -o strings.json       Extract from ts, tsx and html
  ngx-translate-extract -i './src/**/!(*.spec).{ts,html}' -o strings.json   Extract from ts, html, excluding files with ".spec"
  ngx-translate-extract -i './src/' -o strings.json -sp 'PREFIX.'           Strip the prefix "PREFIX." from the json keys
```

## Note for GetText users

Please pay attention of which version of `gettext-parser` you actually use in your project.
For instance, `gettext-parser:1.2.2` does not support HTML tags in translation keys.

## Credits

-   Original library, idea and code: [Kim Biesbjerg](https://github.com/biesbjerg/ngx-translate-extract) ❤️
-   Further updates and improvements by [bartholomej](https://github.com/bartholomej) ❤️
-   Further updates and improvements by [P4](https://github.com/P4) ❤️
-   Further updates and improvements by [colsen1991](https://github.com/colsen1991) ❤️
-   Further updates and improvements by [tmijieux](https://github.com/tmijieux) ❤️

---
_Source: https://npm.io/package/@vendure/ngx-translate-extract · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._