element-plus踩坑日记icon vite配置icon真的费老鼻子力气了

各个框架图标遍历玩法

免费的框架往往是最贵的,谁用谁知道,浪费了太多配置的时间,一个破ICON能把人折腾死.今天你饿了么?

element-plus

• 安装element-plus

  pnpm install element-plus -D

  效果
  

• 按需自动导入

  //首先你需要安装unplugin-vue-components 和 unplugin-auto-import这两款插件
  
  pnpm install -D unplugin-vue-components unplugin-auto-import -D
  

  效果

  

  然后把下列代码插入到你的 Vite 或 Webpack 的配置文件中

  Vite

  // vite.config.ts
  import AutoImport from 'unplugin-auto-import/vite'
  import Components from 'unplugin-vue-components/vite'
  import {
        ElementPlusResolver } from 'unplugin-vue-components/resolvers'
  
  export default {
       
    plugins: [
      // ...
      AutoImport({
       
        resolvers: [ElementPlusResolver()],
      }),
      Components({
       
        resolvers: [ElementPlusResolver()],