1.安装element-ui
打开Nuxt项目后,在控制台输入npm i element-ui -S 即可安装element-ui
npm i element-ui -S // 官方指定安装方法
2.添加element-ui.js文件
在Nuxt项目下的plugins文件夹下新建一个element-ui,在新建的element-ui文件夹下新建element-ui.js文件,只需三行
添加:
1. import Vue from 'vue' 2. import ElementUI from 'element-ui' 3. Vue.use(ElementUI)
3、在nuxt.config.js中进行配置,如下图所示
3.1引入element-ui依赖
1. css: [ 2. 'element-ui/lib/theme-chalk/index.css' 3. ],
3.2导入js
1. plugins: [ 2. '~plugins/element-ui/element-ui.js' 3. ]
3.3防止多次打包
1. build: { 2. vendor: ['element-ui'] 3. }