标签：vue auto Element unplugin webpack 导入 Plus components import

安装

npm
npm install unplugin-vue-components unplugin-auto-import -D
yarn
yarn add unplugin-vue-components unplugin-auto-import -D
pnpm
pnpm install unplugin-vue-components unplugin-auto-import -D

配置

Element-Plus 官网给的是在webpack.config.js中引入，如果我们想在vue.config.js中引入，其实是一样的。configureConfig中的内容以及参数跟webpack一样。我们可以直接替换:
vue.config.js

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

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

这样就大功告成了！

标签：vue,auto,Element,unplugin,webpack,导入,Plus,components,import
来源： https://www.cnblogs.com/coder-chin/p/15908127.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。