mirror of
https://github.com/angular/angular-cli.git
synced 2025-05-26 09:21:51 +08:00
809340a8f0
BREAKING CHANGE: The configuration file angular-cli.json has been renamed to .angular-cli.json
29 lines
799 B
Markdown
29 lines
799 B
Markdown
# Global styles
|
|
|
|
The `styles.css` file allows users to add global styles and supports
|
|
[CSS imports](https://developer.mozilla.org/en/docs/Web/CSS/@import).
|
|
|
|
If the project is created with the `--style=sass` option, this will be a `.sass`
|
|
file instead, and the same applies to `scss/less/styl`.
|
|
|
|
You can add more global styles via the `apps[0].styles` property in `.angular-cli.json`.
|
|
These will be loaded exactly as if you had added them in a `<link>` tag inside `index.html`.
|
|
|
|
```json
|
|
"styles": [
|
|
"styles.css",
|
|
"more-styles.css",
|
|
],
|
|
```
|
|
|
|
You can also rename the output and lazy load it by using the object format:
|
|
|
|
```json
|
|
"styles": [
|
|
"styles.css",
|
|
"more-styles.css",
|
|
{ "input": "lazy-style.scss", "lazy": true },
|
|
{ "input": "pre-rename-style.scss", "output": "renamed-style" },
|
|
],
|
|
```
|