Vue3使用ElementUI按需自动引入

最新推荐文章于 2024-04-09 00:12:06 发布

io无心

最新推荐文章于 2024-04-09 00:12:06 发布

阅读量1.6k

点赞数

分类专栏： Vue 文章标签： elementui Vue3

需转载请联系QQ:846581636

本文链接：https://blog.csdn.net/LYXlyxll/article/details/126589211

版权

Vue 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

创建vue3的项目，控制台输入：
1. vue create 项目名
2. 选择vue3的项目
cd到项目目录
安装：element-ui：npm install element-plus --save
安装自动引入的插件：npm install -D unplugin-vue-components unplugin-auto-import

把下面的代码覆盖掉vue.config.js中的代码

// 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 = {
  outputDir: './build',
  // 和webpapck属性完全一致，最后会进行合并
  configureWebpack: {
    resolve: {
      alias: {
        components: '@/components'
      }
    },
    //配置webpack自动按需引入element-plus，
      plugins: [
        AutoImport({
          resolvers: [ElementPlusResolver()]
        }),
        Components({
          resolvers: [ElementPlusResolver()]
        })
      ]
  }
}

完。