在nuxt.js里集成element-ui

122 字 | 阅读时长 1 min | 发表于 2020-02-11 | 更新于 2020-02-11

安装element-ui
1
npm i element-ui -S

在plugins文件夹下面，创建element-ui.js文件，写入如下内容：

1
2
3

import Vue from 'vue'
import ElementUI from 'element-ui'
Vue.use(ElementUI)

修改nuxt.config.js

css: [
  'element-ui/lib/theme-chalk/index.css'  // 引入全局样式
],
plugins: [
  {src: '~/plugins/element-ui', ssr: true } // ssr:true 代表在服务端渲染,客户端不渲染
],
build: {
  vendor: ['element-ui'] // 防止重复重复打包
}

重新启动项目
1
npm run dev