Skip to content
On this page

hyh-toolkit

npm package

hyh-toolkit 是一个多功能工具库,集成了Vite Plugin、Vue Hook、Utils,为开发提供便利。

✨ 特性

  • 🏄🏼‍♂️ 易学易用
  • 📦 内置 Vite Plugin
  • 🛸 丰富的 Hooks
  • 🔨 内置常用工具函数
  • 🎯 使用 TypeScript 构建,提供完整的类型定义文件

📦 安装

bash
npm i hyh-toolkit

🔨 使用

ts
import { useVModel } from 'hyh-toolkit'

按需引入

ts
import { useVModel } from 'hyh-toolkit/es/vue-hooks/useVModel'

自动引入

使用 unplugin-auto-import 的 resolver

Vite

ts
import AutoImport from 'unplugin-auto-import/vite'
import { HyhToolkitResolvers } from 'hyh-toolkit/lib/resolvers'

export default defineConfig({
  plugins: [
    AutoImport({
      /* ... */
      resolvers: [HyhToolkitResolvers()]
    })
  ]
})

Webpack

js
const { defineConfig } = require('@vue/cli-service')
const { HyhToolkitResolvers } = require('hyh-toolkit/lib/resolvers')
const AutoImport = require('unplugin-auto-import/webpack')

module.exports = defineConfig({
  transpileDependencies: true,
  configureWebpack: {
    plugins: [
      AutoImport({
        /* ... */
        resolvers: [HyhToolkitResolvers()]
      })
    ]
  }
})

其他支持的工具, 更多请看 unplugin-auto-import

🧩 兼容

WARNING

暂不支持 vue2