封装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()
    ]
})
相关推荐
liangshanbo12155 小时前
面试题:Webpack 的 publicPath 有什么作用?
前端·webpack·node.js
cindershade1 天前
首屏不是 dist:用“加载账本”治理 Vite 的大包
性能优化·vite
liangshanbo12152 天前
Webpack vs Vite 底层原理高频追问的问题
前端·webpack·node.js
liangshanbo12152 天前
面试题:AI 对话上下文超限怎么办?
面试·webpack·devops
liangshanbo12153 天前
Webpack 文件指纹面试题整理
前端·webpack·node.js
liangshanbo12153 天前
Webpack 常见 Plugin 面试题
前端·webpack·node.js
liangshanbo12153 天前
Webpack Tree Shaking 面试题整理
前端·webpack·node.js
陪我一起学编程3 天前
vue3笔记
前端·webpack·vue3·vite·脚手架·vue3笔记·组件式
liangshanbo12153 天前
Webpack的分包策略面试题
前端·webpack·node.js
liangshanbo12155 天前
面试题:如何优化 Webpack 的打包速度?
前端·webpack·node.js