honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs: fix formatting in workspace config and add helpful info for universal (#31399) 

PR Close #31399
This commit is contained in:
Alan 2019-07-03 08:41:04 +02:00 committed by Jason Aden
parent e30f494a39
commit 4b05ebc804
1 changed files with 18 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
aio/content/guide/workspace-config.md
View File

@ -273,11 +273,11 @@ For example, the following object values create and name a bundle that contains
<code-example format="." language="json" linenums="false"> <code-example format="." language="json" linenums="false">
"styles": [ "styles": [
{"input": "src/external-module/styles.scss", "inject": false, "bundleName: "external-module"} { "input": "src/external-module/styles.scss", "inject": false, "bundleName": "external-module" }
] ],
"scripts": [{ "scripts": [
"input": "src/external-module/main.ts", "inject": false, "bundleName: "external-module"} { "input": "src/external-module/main.js", "inject": false, "bundleName": "external-module" }
] ]
</code-example> </code-example>
@ -288,9 +288,9 @@ You can mix simple and complex file references for styles and scripts.
"styles": [ "styles": [
"src/styles.css", "src/styles.css",
"src/more-styles.css", "src/more-styles.css",
{ "input": "src/lazy-style.scss", "lazy": true }, { "input": "src/lazy-style.scss", "inject": false },
{ "input": "src/pre-rename-style.scss", "bundleName": "renamed-style" }, { "input": "src/pre-rename-style.scss", "bundleName": "renamed-style" },
], ]
</code-example> </code-example>
@ -302,11 +302,15 @@ In Sass and Stylus you can make use of the `includePaths` functionality for both
To add paths, use the `stylePreprocessorOptions` option: To add paths, use the `stylePreprocessorOptions` option:
<code-example format="." language="json" linenums="false">
"stylePreprocessorOptions": { "stylePreprocessorOptions": {
"includePaths": [ "includePaths": [
"src/style-paths" "src/style-paths"
] ]
}, }
</code-example>
Files in that folder, such as `src/style-paths/_variables.scss`, can be imported from anywhere in your project without the need for a relative path: Files in that folder, such as `src/style-paths/_variables.scss`, can be imported from anywhere in your project without the need for a relative path:
@ -333,7 +337,7 @@ You can supply an object as a configuration value for either of these to provide
<code-example format="." language="json" linenums="false"> <code-example format="." language="json" linenums="false">
"optimization": {"scripts": true, "styles": false} "optimization": { "scripts": true, "styles": false }
</code-example> </code-example>
@ -344,14 +348,17 @@ For example:
<code-example format="." language="json" linenums="false"> <code-example format="." language="json" linenums="false">
"sourceMaps": {"scripts": true, "styles": false, "hidden": true, "vendor": true} "sourceMaps": { "scripts": true, "styles": false, "hidden": true, "vendor": true }
</code-example> </code-example>
<div class="alert is-helpful> <div class="alert is-helpful">
When using hidden source maps, source maps will not be referenced in the bundle. When using hidden source maps, source maps will not be referenced in the bundle.
These are useful if you only want source maps to map error stack traces in error reporting tools, These are useful if you only want source maps to map error stack traces in error reporting tools,
but don't want to expose your source maps in the browser developer tools. but don't want to expose your source maps in the browser developer tools.
For [Universal](guide/glossary#universal), you can reduce the code rendered in the HTML page by
setting styles optimization to `true` and styles source maps to `false`.
</div> </div>