封装hfex-icon的plugin

UzumakiHan2023-10-21 21:27

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()
    ]
})