nx/docs/angular/api-angular/executors/webpack-browser.md
Leosvel Pérez Espinosa 678818a58b
feat(angular): upgrade Angular to v12.0.0-rc.3 (#5630)
* feat(angular): upgrade Angular to v12.0.0-rc.3

* feat(angular): target Nx v12.4.0-beta.0 for Angular v12.0.0-rc.0 upgrade

* fix(angular): use defaultConfiguration if no other configuration is passed

* cleanup(angular): sync migration folder name to target version

* fix(repo): creating custom schema flattener for docs

* chore(repo): amend yarn.lock

* feat(angular): update angular storybook to use webpack 5

* fix(angular): add legacy peer deps for angular+jest

* fix(angular): move migrations to 12.3.0-rc.0

Co-authored-by: Zack DeRose <zack.derose@gmail.com>
Co-authored-by: Jason Jean <jasonjean1993@gmail.com>
2021-05-12 12:20:12 -04:00

5.0 KiB

webpack-browser

Angular browser builder that supports incremental builds

Properties can be configured in angular.json when defining the executor, or when invoking it.

Properties

allowedCommonJsDependencies

Type: array

A list of CommonJS packages that are allowed to be used without a build time warning.

aot

Default: true

Type: boolean

Build using Ahead of Time compilation.

baseHref

Type: string

Base url for the application being built.

buildOptimizer

Default: true

Type: boolean

Enables '@angular-devkit/build-optimizer' optimizations when using the 'aot' option.

buildTarget

Type: string

Build target used for building the app after its dependencies have been built. If no target is configured, @angular-devkit/build-angular:browser is sheduled directly.

commonChunk

Default: true

Type: boolean

Generate a seperate bundle containing code used across multiple bundles.

crossOrigin

Default: none

Type: string

Possible values: none, anonymous, use-credentials

Define the crossorigin attribute setting of elements that provide CORS support.

deleteOutputPath

Default: true

Type: boolean

Delete the output path before building.

deployUrl

Type: string

URL where files will be deployed.

extractCss

Default: true

Type: boolean

Deprecated: Deprecated since version 11.0. No longer required to disable CSS extraction for HMR.

Extract CSS from global styles into '.css' files instead of '.js'.

extractLicenses

Default: true

Type: boolean

Extract all licenses in a separate file.

i18nMissingTranslation

Default: warning

Type: string

Possible values: warning, error, ignore

How to handle missing translations for i18n.

index

Type: string

Configures the generation of the application's HTML index.

inlineStyleLanguage

Default: css

Type: string

Possible values: css, less, sass, scss

The stylesheet language to use for the application's inline component styles.

localize

Type: boolean

Translate the bundles in one or more locales.

main

Type: string

The full path for the main entry point to the app, relative to the current workspace.

namedChunks

Default: false

Type: boolean

Use file name for lazy loaded chunks.

ngswConfigPath

Type: string

Path to ngsw-config.json.

optimization

Default: true

Type: boolean

Enables optimization of the build output. Including minification of scripts and styles, tree-shaking, dead-code elimination, inlining of critical CSS and fonts inlining. For more information, see https://angular.io/guide/workspace-config#optimization-configuration.

outputHashing

Default: none

Type: string

Possible values: none, all, media, bundles

Define the output filename cache-busting hashing mode.

outputPath

Type: string

        The full path for the new output directory, relative to the current workspace.

By default, writes output to a folder named dist/ in the current project.

poll

Type: number

Enable and define the file watching poll time period in milliseconds.

polyfills

Type: string

The full path for the polyfills file, relative to the current workspace.

Type: boolean

Do not use the real path when resolving modules. If unset then will default to true if NodeJS option --preserve-symlinks is set.

progress

Default: true

Type: boolean

Log progress to the console while building.

resourcesOutputPath

Type: string

The path where style resources will be placed, relative to outputPath.

serviceWorker

Default: false

Type: boolean

Generates a service worker config for production builds.

showCircularDependencies

Default: false

Type: boolean

Deprecated: The recommended method to detect circular dependencies in project code is to use either a lint rule or other external tooling.

Show circular dependency warnings on builds.

sourceMap

Default: false

Type: boolean

Output source maps for scripts and styles. For more information, see https://angular.io/guide/workspace-config#source-map-configuration.

statsJson

Default: false

Type: boolean

Generates a 'stats.json' file which can be analyzed using tools such as 'webpack-bundle-analyzer'.

subresourceIntegrity

Default: false

Type: boolean

Enables the use of subresource integrity validation.

targetBuilder

Default: @angular-devkit/build-angular:browser

Type: string

Override default Angular browser builder

tsConfig

Type: string

The full path for the TypeScript configuration file, relative to the current workspace.

vendorChunk

Default: false

Type: boolean

Generate a seperate bundle containing only vendor libraries. This option should only used for development.

verbose

Default: false

Type: boolean

Adds more details to output logging.

watch

Default: false

Type: boolean

Run build when files change.

webWorkerTsConfig

Type: string

TypeScript configuration for Web Worker modules.