1. vite-plugin-purge-icons
<h1 align='center'>vite-plugin-purge-icons</h1>
vite-plugin-purge-icons
Package: vite-plugin-purge-icons
Created by: antfu
Last modified: Sat, 18 Nov 2023 17:28:05 GMT
Version: 0.10.0
License: MIT
Downloads: 52,529
Repository: https://github.com/antfu/purge-icons

Install

npm install vite-plugin-purge-icons
yarn add vite-plugin-purge-icons

vite-plugin-purge-icons

Vite Plugin for PurgeIcons

Usage

ℹ️ Vite 2 is supported from v0.5.x, Vite 1's support is discontinued.

Install

 npm i @iconify/iconify
npm i vite-plugin-purge-icons @iconify/json -D

@iconify/json is an optional dependencies of PurgeIcons. When it presents in your node_modules, PurgeIcons will load the icons from it locally, otherwise, PurgeIcons will try to fetch the iconset your requested online.

Add it to vite.config.js

 // vite.config.js
import PurgeIcons from 'vite-plugin-purge-icons'

export default {
  plugins: [
    PurgeIcons({
      /* PurgeIcons Options */
    })
  ]
}

Import @purge-icons/generated in your main.js

 import { createApp } from 'vue'
import App from './App.vue'

import '@purge-icons/generated' // <-- This

createApp(App).mount('#app')

Configuration

Check out in PurgeIcons

Example

See the Vitesse starter template.

License

MIT License © 2020 Anthony Fu

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin