diff --git a/aio/content/guide/workspace-config.md b/aio/content/guide/workspace-config.md index d3e6c617038..34c069c95c8 100644 --- a/aio/content/guide/workspace-config.md +++ b/aio/content/guide/workspace-config.md @@ -364,42 +364,11 @@ The `optimization` browser builder option can be either a Boolean or an Object f There are several options that can be used to fine-tune the optimization of an application. -| Option | Description | Value Type | Dafault Value | -|:--- |:--- |:--- |:--- | -| `scripts` | Enables optimization of the scripts output. | `boolean` | `true` | -| `styles` | Enables optimization of the styles output. | `boolean` | `true` | -| `fonts` | Enables optimization for fonts.
**NOTE**: This requires internet access. | `boolean` | `true` | - - +| Option | Description | Value Type | Dafault Value | +|:--- |:--- |:--- |:--- | +| `scripts` | Enables optimization of the scripts output. | `boolean` | `true` | +| `styles` | Enables optimization of the styles output. | `boolean` \| [Styles optimization options](#styles-optimization-options) | `true` | +| `fonts` | Enables optimization for fonts.
**NOTE**: This requires internet access. | `boolean` \| [Fonts optimization options](#fonts-optimization-options) | `true` | #### Styles optimization options @@ -408,56 +377,12 @@ There are several options that can be used to fine-tune the optimization of an a | `minify` | Minify CSS definitions by removing extraneous whitespace and comments, merging identifiers and minimizing values. | `boolean` | `true` | | `inlineCritical` | Extract and inline critical CSS definitions to improve [First Contentful Paint](https://web.dev/first-contentful-paint). | `boolean` | `true` | - - #### Fonts optimization options | Option | Description | Value Type | Dafault Value | |:--- |:--- |:--- |:--- | | `inline` | Reduce [render blocking requests](https://web.dev/render-blocking-resources) by inlining external Google Fonts and Adobe Fonts CSS definitions in the application's HTML index file.
**NOTE**: This requires internet access. | `boolean` | `true` | - - You can supply a value such as the following to apply optimization to one or the other: @@ -487,45 +412,8 @@ The `sourceMap` browser builder option can be either a Boolean or an Object for |:--- |:--- |:--- |:--- | | `scripts` | Output source maps for all scripts. | `boolean` | `true` | | `styles` | Output source maps for all styles. | `boolean` | `true` | -| `vendor` | Resolve vendor packages source maps. | `boolean` | `false` | -| `hidden` | Output source maps used for error reporting tools. | `boolean` | `false` | - - +| `vendor` | Resolve vendor packages source maps. | `boolean` | `false` | +| `hidden` | Output source maps used for error reporting tools. | `boolean` | `false` | The example below shows how to toggle one or more values to configure the source map outputs: @@ -553,4 +441,4 @@ These are useful if you only want source maps to map error stack traces in error -@reviewed 2021-09-15 +@reviewed 2021-10-14