unified

Project: rehypejs/rehype-minify

Package: rehype-css-to-top@2.0.2

  1. Dependencies: 0·Dependents: 0
  2. rehype plugin to move CSS <link> to <head>
  1. unified 167
  2. plugin 128
  3. html 109
  4. rehype 74
  5. rehype-plugin 52
  6. minify 30
  7. mangle 30
  8. css 10
  9. head 3
  10. move 3

rehype-css-to-top

Build Coverage Downloads Size Sponsors Backers Chat

Move CSS <link> elements to the <head>.

This can decrease the time to first render.

Install

npm:

npm install rehype-css-to-top

Use

On the API:

 unified()
   .use(require('rehype-parse'))
+  .use(require('rehype-css-to-top'))
   .use(require('rehype-stringify'))
   .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.html

Example

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

See contributing.md in rehypejs/.github for ways to get started. See support.md for ways to get help.

This project has a code of conduct. By interacting with this repository, organization, or community you agree to abide by its terms.

License

MIT © Titus Wormer