mirror of
https://github.com/withastro/astro.git
synced 2025-01-06 22:10:10 -05:00
e3b8c62969
* changeset * chore(inline stylesheets config): stabilize * grammar * not a major change * Update inlineStylesheets version in the configuration reference Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca> --------- Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>
24 lines
712 B
Markdown
24 lines
712 B
Markdown
---
|
|
'astro': minor
|
|
---
|
|
|
|
The Inline Stylesheets RFC is now stable!
|
|
|
|
You can now control how Astro bundles your css with a configuration change:
|
|
|
|
```ts
|
|
export default defineConfig({
|
|
...
|
|
build: {
|
|
inlineStylesheets: "auto"
|
|
}
|
|
...
|
|
})
|
|
```
|
|
|
|
The options:
|
|
- `inlineStylesheets: "never"`: This is the behavior you are familiar with. Every stylesheet is external, and added to the page via a `<link>` tag. Default.
|
|
- `inlineStylesheets: "auto"`: Small stylesheets are inlined into `<style>` tags and inserted into `<head>`, while larger ones remain external.
|
|
- `inlineStylesheets: "always"`: Every style required by the page is inlined.
|
|
|
|
As always, css files in the `public` folder are not affected.
|