Before we can get started, to take advantage of just-in-time localization in Angular, we will have to eject our project from Angular-CLI:

ng eject

This is necessary to access the WebPack configuration file. After ejecting the project, you will have a new file in your project called webpack.config.js.

We will need to add a new module rule to this file to work with our .xlf files manually:

module.exports = {
  ...
  "module": {
    "rules": [
      ...
      {
        test: /.xlf/,
        loader: 'raw-loader'
      },
      ...