封装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()
    ]
})
相关推荐
NutShell Wang1 天前
Vite 8.1 深度拆解:Rolldown 统一打包器如何终结前端构建的「双引擎时代」
前端·rust·开源·vite·开发者工具·vibe coding
leslie1181 天前
webpack笔记
前端·webpack
labixiong4 天前
Rspack 2.0 正式发布 — 前端构建工具格局再变天
webpack·前端工程化·turbopack
PedroQue995 天前
Vite插件v1.1.0发布:自动导入全面重构
前端·vite
YFF菲菲兔6 天前
Environment API 总述
vite
至乐活着6 天前
Vite 构建工具原理解析与实战:从 ES Module 到极速 HMR
vite·热更新·构建工具·前端工程化·es module
linsk19986 天前
React18、19如何兼容 IE9、IE10
react·rollup·vite·兼容·ie
夕夕木各10 天前
从第一个 PR 到 Vite 官方中文文档维护者
github·vite
布兰妮甜11 天前
从 0 搭建企业级 Vue3/Vite 脚手架(规范、eslint、husky、打包、环境变量全流程)
typescript·vue3·vite·脚手架·前端工程化
深度研习笔记12 天前
OpenCV工业视觉实战09|项目EXE打包+工控机无环境部署+后台常驻运行,彻底脱离Python环境,完成项目最终交付
python·opencv·webpack