Skip to content

Commit c48a9d6

Browse files
arturovtvikerman
authored andcommitted
docs(@ngtools/webpack): document missing options
Closes: #15287
1 parent f59f3fc commit c48a9d6

File tree

1 file changed

+27
-8
lines changed

1 file changed

+27
-8
lines changed

packages/ngtools/webpack/README.md

Lines changed: 27 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ In your webpack config, add the following plugin and loader.
99
Angular version 5 and up, use `AngularCompilerPlugin`:
1010

1111
```typescript
12-
import {AngularCompilerPlugin} from '@ngtools/webpack'
12+
import { AngularCompilerPlugin } from '@ngtools/webpack';
1313

1414
exports = { /* ... */
1515
module: {
@@ -25,10 +25,18 @@ exports = { /* ... */
2525
new AngularCompilerPlugin({
2626
tsConfigPath: 'path/to/tsconfig.json',
2727
entryModule: 'path/to/app.module#AppModule',
28-
sourceMap: true
28+
sourceMap: true,
29+
i18nInFile: 'path/to/translations.en.xlf',
30+
i18nInFormat: 'xlf',
31+
i18nOutFile: 'path/to/translations.xlf',
32+
i18nOutFormat: 'xlf',
33+
locale: 'en',
34+
hostReplacementPaths: {
35+
'path/to/config.development.ts': 'path/to/config.production.ts'
36+
}
2937
})
3038
]
31-
}
39+
};
3240
```
3341

3442
The loader works with webpack plugin to compile your TypeScript. It's important to include both, and to not include any other TypeScript compiler loader.
@@ -37,13 +45,24 @@ The loader works with webpack plugin to compile your TypeScript. It's important
3745

3846
* `tsConfigPath`. The path to the `tsconfig.json` file. This is required. In your `tsconfig.json`, you can pass options to the Angular Compiler with `angularCompilerOptions`.
3947
* `basePath`. Optional. The root to use by the compiler to resolve file paths. By default, use the `tsConfigPath` root.
40-
* `entryModule`. Optional if specified in `angularCompilerOptions`. The path and classname of the main application module. This follows the format `path/to/file#ClassName`.
48+
* `entryModule`. Optional if specified in `angularCompilerOptions`. The path and class name of the main application module. This follows the format `path/to/file#ClassName`.
4149
* `mainPath`. Optional if `entryModule` is specified. The `main.ts` file containing the bootstrap code. The plugin will use AST to determine the `entryModule`.
42-
* `skipCodeGeneration`. Optional, defaults to false. Disable code generation and do not refactor the code to bootstrap. This replaces `templateUrl: "string"` with `template: require("string")` (and similar for styles) to allow for webpack to properly link the resources.
50+
* `skipCodeGeneration`. Optional, defaults to `false`. Disable code generation and do not refactor the code to bootstrap. This replaces `templateUrl: "string"` with `template: require("string")` (and similar for styles) to allow for webpack to properly link the resources.
4351
* `sourceMap`. Optional. Include sourcemaps.
4452
* `compilerOptions`. Optional. Override options in `tsconfig.json`.
4553
* `contextElementDependencyConstructor`. Optional. Set to `require('webpack/lib/dependencies/ContextElementDependency')` if you are having `No module factory available for dependency type: ContextElementDependency` errors.
46-
* `directTemplateLoading`. Optional. Causes the plugin to load component templates (HTML) directly from the filesystem. This is more efficient if only using the `raw-loader` to load component templates. Do not enable this option if additional loaders are configured for component templates.
54+
* `directTemplateLoading`. Optional. It causes the plugin to load component templates (HTML) directly from the filesystem. This is more efficient if only using the `raw-loader` to load component templates. Do not enable this option if additional loaders are configured for component templates.
55+
* `forkTypeChecker`. Optional, defaults to `true`. Run the TypeScript type checker in a forked process.
56+
* `hostReplacementPaths`. Optional. It allows replacing resources with other resources in the build.
57+
* `platform`. Optional, defaults to `0`. Possible values are `0` and `1`. `0` stands for browser and `1` for server.
58+
* `logger`. Optional. A custom logger that sends information to STDOUT and STDERR.
59+
* `nameLazyFiles`. Optional. If `true` then uses the `[request]` placeholder to set dynamic chunk names.
60+
* `missingTranslation`. Optional and only used for View Engine compilations. defaults to `warning`. Possible values are `warning`, `error` or `ignore`. Determines how to handle missing translations for i18n.
61+
* `i18nInFile`. Optional and only used for View Engine compilations. Localization file to use for i18n.
62+
* `i18nInFormat`. Optional and only used for View Engine compilations. The format of the localization file.
63+
* `i18nOutFile`. Optional and only used for View Engine compilations. The name of the file to write extractions to.
64+
* `i18nOutFormat`. Optional and only used for View Engine compilations. The format of the localization file where extractions will be written to.
65+
* `locale`. Optional and only used for View Engine compilations. Locale to use for i18n.
4766

4867
## Features
4968
The benefits and ability of using [`@ngtools/webpack`](https://www.npmjs.com/~ngtools) standalone from the Angular CLI as presented in [Stephen Fluin's Angular CLI talk](https://youtu.be/uBRK6cTr4Vk?t=6m45s) at Angular Connect 2016:
@@ -53,7 +72,7 @@ The benefits and ability of using [`@ngtools/webpack`](https://www.npmjs.com/~ng
5372
* Bundles JavaScript, CSS
5473
* Asset optimization
5574
* Virtual filesystem for assets
56-
* For serving local assets and compile versions.
75+
* For serving local assets and compile versions.
5776
* Live-reload via websockets
5877
* Code splitting
59-
* Recognizing the use of `loadChildren` in the router, and bundling those modules separately so that any dependencies of those modules are not going to be loaded as part of your main bundle. These separate bundles will be pulled out of the critical path of your application, making your total application bundle much smaller and loading it much more performant.
78+
* Recognizing the use of `loadChildren` in the router, and bundling those modules separately so that any dependencies of those modules are not going to be loaded as part of your main bundle. These separate bundles will be pulled out of the critical path of your application, making your total application bundle much smaller and loading it much more performant.

0 commit comments

Comments
 (0)