Comments (2)
We do have a section dedicated to that here: https://docs.astro.build/en/guides/styling/#production
The confusion may have come from the fact that there two meanings for the word "inlining":
- First is "verbatim" (
<style is:inline>
) - the final generated HTML looks exactly how you authored it. The contents are not optimized or processed. - Second is "inclusion" (
defineConfig({ build: { inlineStylesheets: 'always' } })
) - after optimization, the contents are included in the generated HTML, instead of being written to a separated CSS file that is only referenced in the HTML.
from docs.
Thanks, we have discussed this but won't be making any documentation changes at this time!
from docs.
Related Issues (20)
- Rewrite HOT 5
- How do I use one layout for .md, .mdx, and .astro files with TypeScript? HOT 4
- Tip's titles are truncated when using inline code HOT 2
- Feeback Fish: Report of code not working in Astro DB guide
- Feedback Fish: error in Reading Time recipe HOT 2
- Error in Add last modified time recipe code? HOT 3
- Error in Gitlab deploy code? HOT 1
- Suggestion to improve web components example code
- Is it true that you can use a `jsconfig.json` ? HOT 5
- Code error in recipe Build Forms with APIs? HOT 1
- Code error in Statamic guide graphQL query?
- Improve Custom Animations code example for View Transitions guide HOT 2
- ⚠️ Issue Supabase & Astro guide, missing prerender set to false on hybrid
- Add how to use a fallback slot with `client:only`
- Add link to template directives directly from `astro-components` page
- Discoverability of image helper with content collections
- Types for `globalThis` aren't recognized HOT 2
- Document passing information from a component to a function slot HOT 5
- document docs' node version HOT 2
- reconsider backend, CMS, and migration guides' navs item order for better UX HOT 7
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from docs.