vue3.0 使用element-plus 按需自动导入

最新推荐文章于 2024-06-26 17:06:42 发布

web14785362268

最新推荐文章于 2024-06-26 17:06:42 发布

阅读量1.5k

点赞数 1

分类专栏：前端 html 面试文章标签： vue.js javascript webpack

本文链接：https://blog.csdn.net/web14785362268/article/details/123054118

版权

本文介绍了如何在Vue3.0项目中按需自动导入element-plus库，详细步骤包括element-plus的安装、vue.config.js配置以及两种Icon的使用方法，涉及全局注册SVG图标和组件注册。

摘要由CSDN通过智能技术生成

一、element-plus 安装

npm install element-plus --save

// 按需自动导入
npm install -D unplugin-vue-components unplugin-auto-import

二、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 = {
    publicPath:'./',
    configureWebpack: {
        // ...
        plugins: [
            AutoImport({
                resolvers: [ElementPlusResolver()],
            }),
            Components({
                resolvers: [ElementPlusResolver()],
            }),
        ],
    }
}