rehype-css-to-top
!Buildbuild-badgebuild
!Coveragecoverage-badgecoverage
!Downloadsdownloads-badgedownloads
!Sizesize-badgesize
!Sponsorssponsors-badgecollective
!Backersbackers-badgecollective
!Chatchat-badgechatMove CSS
<link> elements to the <head>.This can decrease the time to first render.
Install
This package is ESM onlyesm: Node 12+ is needed to use it and it must beimporteded instead of requiredd.npm install rehype-css-to-top
This package exports no identifiers.
The default export is `rehypeCssToTop`
## Use
On the API:
```diff
import {unified} from 'unified'
import rehypeParse from 'rehype-parse'
+import rehypeCssToTop from 'rehype-css-to-top'
import rehypeStringify from 'rehype-stringify'
unified()
.use(rehypeParse)
+ .use(rehypeCssToTop)
.use(rehypeStringify)
.process('<span>some html</span>', function (err, file) {
console.error(report(err || file))
console.log(String(file))
})On the CLI:
rehype input.html --use css-to-top --output output.htmlExample
In
<!doctype html><html><head></head><body><link rel="stylesheet" href="index.css"></body></html>Out
<!doctype html><html><head><link rel="stylesheet" href="index.css"></head><body></body></html>Contribute
Seecontributing.mdcontributing in rehypejs/.githubhealth for ways
to get started.
See support.mdsupport for ways to get help.This project has a code of conductcoc. By interacting with this repository, organization, or community you agree to abide by its terms.
