封装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()
    ]
})
相关推荐
sir.山2 天前
在 Vue 3 项目中使用 Mock 数据
前端·vue.js·vue3·vite
嘟嘟07173 天前
JWT 登录认证完整流程(React + Vite 实战复习)
react.js·vite
xyphf_和派孔明5 天前
Vite 与 Webpack 对比及常见面试题
前端·webpack·vite
禁止摆烂_才浅5 天前
Vite 面试题
前端·面试·vite
cyadyx9 天前
Vite 比 Webpack 构建效率更高
前端·webpack·node.js·vite
java1234_小锋10 天前
Vue3专题 - 组件基础
vue.js·vite
小锋java123410 天前
【技术专题】Vue3 - 生命周期
vue.js·vite
EXI-小洲10 天前
Web Spider 某渣渣企业平台 表单参数逆向 Webpack
python·webpack·js逆向·spider
倾听醉梦语13 天前
React/Vite/Next.js 前端开发工具 SpotPatch:点击页面元素精准定位 JSX/TSX 源码
javascript·react·ai编程·vite·next.js·前端开发工具
一壶浊酒..14 天前
Scrape Webpack练习
开发语言·javascript·webpack