如何配置Nuxt项目按需引入Element-UI组件？

本文共计688个文字，预计阅读时间需要3分钟。

使用Nuxt创建项目时，若选择默认使用Element-UI组件库，但发现Nuxt未自动启用Element-UI，需要手动配置。首先，确保在`create-nuxt-app`过程中未选择Element-UI。然后，执行以下步骤进行手动配置：

1. 安装Element-UI： bash npm install element-ui --save

2. 在`nuxt.config.js`中引入Element-UI： javascript import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css'

export default { plugins: [ { src: '~/plugins/element-ui.js', ssr: false } ] }

3. 创建`plugins/element-ui.js`文件，并配置Element-UI： javascript export default context=> { context.app.use(ElementUI) }

完成以上步骤后，Element-UI将被成功引入到Nuxt项目中。

Nuxt 使用 create-nuxt-app 创建项目时，选择使用 Element-UI 为默认组件库，发现 Nuxt 没有开启 Element-UI 的按需引入配置，需要自行配置。

安装依赖

在 create-nuxt-app 中没有选择 Element-UI 的先安装。