封装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()
    ]
})
相关推荐
zifer14 小时前
在 Webpack 中使用 TypeScript语言 编写配置文件的完整指南
webpack
长路 ㅤ   14 小时前
vite学习教程02、vite+vue2配置环境变量
前端·vite·环境变量·跨环境配置
Tandy12356_2 天前
js逆向——webpack实战案例(一)
前端·javascript·安全·webpack
TonyH20022 天前
webpack 4 的 30 个步骤构建 react 开发环境
前端·css·react.js·webpack·postcss·打包
你会发光哎u2 天前
Webpack模式-Resolve-本地服务器
服务器·前端·webpack
Small-K3 天前
前端框架中@路径别名原理和配置
前端·webpack·typescript·前端框架·vite
小茹想睡觉6 天前
vite 底层解析
vite
ziyu_jia6 天前
webpack配置全面讲解【完整篇】
前端·webpack·前端框架·node.js
谢尔登6 天前
【Webpack】优化前端开发环境的热更新效率
前端·webpack·node.js
你会发光哎u6 天前
了解Webpack并处理样式文件
前端·webpack·node.js