Skip to content

vite插件,可以插件的形式配置title、keyword、css、js注入

Notifications You must be signed in to change notification settings

gaothing/vite-plugin-html-info-inject

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vite-plugin-html-info-inject


vite 插件,可配置化的添加html的页面,title、keywords、description,注入js、css 可在开发环境开启调试工具vconsole调试台

example

import vitePluginHtmlInfoInject from 'vite-plugin-html-info-inject'
export default defineConfig({
  plugins: [
    // ...
    vitePluginHtmlInfoInject({
      title:"你好,我是title",                             //标题
      script:[{src:"https://baidu.ccom",pre:true}],      //外链js
      css:[{src:"https://ss.cc"},{src:"https://ss.cc"}], //外链的css配置
      keywords:'我是关键字',                               //meta  关键字
      description:'我是描述',                              //meta 描述
      vconsole: true                                      //是否开启调试台  开发模式
  })
  ]
})

说明

  • pre代表script的位置,pre为true时,将插入到head中,默认html标签后
  • script和css为单个的话,可以通过字符串的形式直接配置
  • vconsole 调试控制台,true时会在开发环境显示调试台

About

vite插件,可以插件的形式配置title、keyword、css、js注入

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published