封装hfex-icon的plugin

hfex-icon 的plugin配置

Install

复制代码
npm i hfex-icon-plugin -D

使用

v1.0.2版本

vue.config.js

js 复制代码
const HfexIconPlugin = require('hfex-icon-plugin')
module.exports = {
    configureWebpack:{
        plugins:[
            ...HfexIconPlugin.plugins
        ]
    }
}

v1.1.1版本

在v1.1.0版本中,重新使用了unplugin对插件进行了封装,支持了在vite项目中使用,同时优化了webpack版本

package.json

diff 复制代码
{
  "devDependencies": {
-   "hfex-icon-plugin": "^1.0.2",
+   "hfex-icon-plugin": "^1.1.1",
  }
}

vue中使用
Vue 2 & 3

Use with hfex-icon

For example in Vue:

js 复制代码
// vue.config.js
const HfexIconPlugin = require('hfex-icon-plugin/webpack')
module.exports = {
    configureWebpack:{
        plugins:[
            HfexIconPlugin()
        ]
    }
}

vite中使用
vite

Use with hfex-icon

For example in Vite:

js 复制代码
// vite.config.ts
import HfexIconPlugin from 'hfex-icon-plugin';
export default defineConfig({
    plugins:[
        HfexIconPlugin()
    ]
})
相关推荐
曲幽8 小时前
写页面时别再把 Element Plus 整个搬进来啦!Vue3按需加载的坑我帮你踩平了
vue3·web·vite·icon·element plus·vs code·import·unplugin
KnowWhere9 小时前
幽灵依赖的出现和解决
webpack·npm
Linsk3 天前
一个案例教你彻底搞明白`AbortController` 、`AbortSignal`
vite·前端工程化
ZengLiangYi4 天前
Tailwind CSS v4 + Vite:现代前端样式方案
前端·css·vite
NIIBLE4 天前
全栈日记之工程化设计(webpack)
前端·webpack·前端工程化
发现一只大呆瓜4 天前
超全 Vite 性能优化指南:网络、资源、预渲染三维落地方案
前端·面试·vite
发现一只大呆瓜4 天前
Vite 兼容降级全解:语法降级、Polyfill 原理与 legacy 插件底层机制
前端·面试·vite
发现一只大呆瓜5 天前
Vite 开发预构建机制详解,搞懂 esbuild 与 Rollup 分工差异
前端·面试·vite
008爬虫实战录7 天前
【码上爬】 题九:webpack调试 堆栈分析
前端·webpack·node.js
zoomdong7 天前
@utoo/pack: 基于 Turbopack 的下一代 Rust 构建工具
webpack·rust·开源