如何实现Nuxt项目中Element-UI的按需加载配置？

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

使用Nuxt和create-nuxt-app创建项目时，若选择默认使用Element-UI组件库，但Nuxt未自动开启Element-UI的按需引入配置，则需要手动配置。在create-nuxt-app中未选择Element-UI时，先安装依赖，然后自行配置Element-UI。

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

安装依赖

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

npm install element-ui --save

或者

yarn add element-ui

Element-UI 开启按需引入，必须安装 babel-plugin-component 插件。

npm install babel-plugin-component --save-dev

或者

yarn add babel-plugin-component

安装完成后，在文件根目录创建(或已经存在) plugins/ 目录下创建相应的插件文件，创建名为：element-ui.js 的文件。