Skip to content

KesionX/vite-plugin-head

Folders and files

NameName
Last commit message
Last commit date

Latest commit

author
KesionX
May 29, 2022
2d99219 · May 29, 2022

History

5 Commits
May 29, 2022
May 29, 2022
May 28, 2022
May 28, 2022
May 28, 2022
May 29, 2022
May 28, 2022
May 28, 2022
May 28, 2022

Repository files navigation

vite-plugin-head

Modify, add, delete Metadata in the head element.

Installation

npm i vite-plugin-head

Usage

// vite.config.ts
import VitePluginHead from "vite-plugin-head"

plugins: [
    VitePluginHead({
        cssPreload: true
    })
]

Type

interface IVitePluginHeadOption {
  cssPreload?: boolean;
  title?: string;
  transformLink?: TransformLinkHook;
}

/**
 * add,remove,update attrs for yourself.
 */
type TransformLinkHook = (attrs: IAttr, href: string | undefined) => IAttr;

IVitePluginHeadOption.cssPreload

Configure link href css file rel as preload.

<link rel="stylesheet" href="/assets/index/index-8df8383a.css">

transform html after.

<link rel="preload" href="/assets/index/index-8df8383a.css">

IVitePluginHeadOption.title

Configure title for html.

<link rel="stylesheet" href="/assets/index/index-8df8383a.css">

transform html after.

<title>Hello World</title>
<link rel="preload" href="/assets/index/index-8df8383a.css">

IVitePluginHeadOption.transformLink

Configure hook for html.

 pluginHead({
    transformLink(attrs) {
        attrs['title'] = "English HTML";
        attrs['rel'] = "preload";
        return attrs;
    }
})
<link rel="stylesheet" href="/assets/index/index-8df8383a.css">

transform html after.

<link rel="preload" title="English HTML" href="/assets/index/index-8df8383a.css">

About

Modify, add, delete Metadata in the head element.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published