怎么自动引入element-plus/icon 在使用VUE-CLI 和 element-plus 的情况下

[cuiqg]

element-plus ui 已经成功使用 vue.config.js:

const Components = require('unplugin-vue-components/webpack')
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')

module.exports = {
  configureWebpack: {
    plugins: [
      Components({
        resolvers: [ElementPlusResolver()],
      })
    ],
  },
}

引入 @element-plus/icons 像这样vue.config.js,没有成功:

const Components = require('unplugin-vue-components/webpack')
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')
const IconsResolver = require('unplugin-icons/resolver')

module.exports = {
  configureWebpack: {
    plugins: [
      Components({
        resolvers: [ElementPlusResolver(),IconsResolver()],
      })
    ],
  },
}

package.json 是这样的:

...
"dependencies": {
    "@element-plus/icons": "^0.0.11",
    "core-js": "^3.8.3",
    "element-plus": "^1.0.2-beta.28",
    "vue": "^3.2.6",
    "vue-router": "^4.0.3",
    "vuex": "^4.0.0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~5.0.0-beta.6",
    "@vue/cli-plugin-router": "~5.0.0-beta.6",
    "@vue/cli-plugin-vuex": "~5.0.0-beta.6",
    "@vue/cli-service": "~5.0.0-beta.6",
    "@vue/compiler-sfc": "^3.2.20",
    "babel-plugin-component": "^1.1.1",
    "sass": "^1.32.7",
    "sass-loader": "^12.0.0",
    "unplugin-icons": "^0.12.16",
    "unplugin-vue-components": "^0.16.0",
    "vue-cli-plugin-element-plus": "~0.0.13"
  }

我应该怎么做? 谢谢! 3>

[sxzz]

Please refer to https://github.com/sxzz/element-plus-best-practices/blob/93be0126da935109ae25cf2f9539991fb4f1d87c/vite.config.ts#L38

[LITTMER]

可以正常用了吗？

[dxy2233]

2023年了，element真的越来越无力吐槽