封装hfex-icon的plugin

hfex-icon 的plugin配置

Install

npm i hfex-icon-plugin -D
1

使用

v1.0.2版本

vue.config.js

const HfexIconPlugin = require('hfex-icon-plugin')
module.exports = {
    configureWebpack:{
        plugins:[
            ...HfexIconPlugin.plugins
        ]
    }
}
1
2
3
4
5
6
7
8

v1.1.1版本

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

package.json

{
  "devDependencies": {
-   "hfex-icon-plugin": "^1.0.2",
+   "hfex-icon-plugin": "^1.1.1",
  }
}
1
2
3
4
5
6

vue中使用

Vue 2 & 3

Use with hfex-icon

For example in Vue:

// vue.config.js
const HfexIconPlugin = require('hfex-icon-plugin/webpack')
module.exports = {
    configureWebpack:{
        plugins:[
            HfexIconPlugin()
        ]
    }
}
1
2
3
4
5
6
7
8
9

vite中使用

vite

Use with hfex-icon

For example in Vite:

// vite.config.ts
import HfexIconPlugin from 'hfex-icon-plugin';
export default defineConfig({
    plugins:[
        HfexIconPlugin()
    ]
})
1
2
3
4
5
6
7