vite-plugin-meta 换一种方式编写meta标签～

使用配置的方式生成html meta标签——vite-plugin-meta

启发

一次工作上同事问我如何取消在ios端点击input页面放大的情况

第一反应这不就是一个meta标签就能解决的事吗

第二反应 这个meta标签的内容具体是啥来着？

我心想着一些实用偶尔常用的meta标签知识太零散了，每次找想要的meta功能时都要查阅无数

索性写个插件得了～

usage

参数文档

// vite.config.ts
import { defineConfig } from 'vite'
import vitePluginMetes from '@memo28/vite-plugin-meta'

export default defineConfig({
     plugins: [vitePluginMetes({
       ...opts
     })]
})

// or

import { Engine } from '@memo28/vitebuild'
import { defineConfig } from 'vite'

const config = new Engine().setTechnologyStack('vue').addPlugins(
  (plugin) => {
    // 添加额外插件配置
    plugin.addHTMLMeta({
      // 页面加载后间隔5秒跳转至url配置处
      // refreshJump: {
      //   timeout: 5,
      //   url: "<https://www.baidu.com>"
      // }
    })
  }
).getBuildConfig({
  plugins: []
})

export default defineConfig({
     ...config
})

reference

• 那些你不知道的meta标签
• 作为前端，你必须要知道的meta标签知识