ocombe / i18n-demo-no-cli

Angular i18n demo with webpack

Angular i18n demo with webpack

• Webpack and @ngtool packages, but no @angular/cli.
• Supports both JIT and AOT.

How to use:

Update the file env.conf.json by setting:

• defaultLang: the lang of the application without translations
• i18nInFormat: the format of the translations file for serve/build
• i18nOutFormat: the format of the translations file for extraction
• outFile: the name of the file for extraction
• outputPath: the path where the translations file should be extracted, relative to the src folder

Use the commands from package.json to serve/build the app: npm run start & npm run start:fr will use JIT, npm run start:aot and npm run start:aot:fr will use AOT. Same thing for the build commands.

Extract the messages with the command npm run extract, it will extract the messages to the src/i18n/ folder (unless you change the env.conf.json file) and it will automatically merge the new messages into your existing translations using the ngx-i18nsupport library. Right now it supports the language fr, you can add more languages for the merge option in the file xliffmerge.conf.json (see the ngx-i18nsupport repository for more info).

/!\ the extraction requires to build your app with AOT, if your app doesn't support AOT, you won't be able to extract.