hyh-toolkit

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

如何搭建? 代码魔法：探秘背后的奇幻-NPM库世界

✨ 特性

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

📦 安装

1npm i hyh-toolkit

🔨 使用

1import { useVModel } from 'hyh-toolkit'

按需引入

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

自动引入

使用 unplugin-auto-import 的 resolver

Vite

1import AutoImport from 'unplugin-auto-import/vite'
2import { HyhToolkitResolvers } from 'hyh-toolkit/lib/resolvers'
3
4export default defineConfig({
5  plugins: [
6    AutoImport({
7      /* ... */
8      resolvers: [HyhToolkitResolvers()]
9    })
10  ]
11})

Webpack

1const { defineConfig } = require('@vue/cli-service')
2const { HyhToolkitResolvers } = require('hyh-toolkit/lib/resolvers')
3const AutoImport = require('unplugin-auto-import/webpack')
4
5module.exports = defineConfig({
6  transpileDependencies: true,
7  configureWebpack: {
8    plugins: [
9      AutoImport({
10        /* ... */
11        resolvers: [HyhToolkitResolvers()]
12      })
13    ]
14  }
15})

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

🧩 兼容

暂不支持 vue2