Nuxt引用element-ui

下載

npm install element-ui --save
// or
cnpm install element-ui --save
// or
yarn add element-ui

引入

    在plugins目錄下新建一個 element-ui.js 文件，代碼如下

// 一、引入全部組件
import Vue from 'vue'
import Element from 'element-ui'
Vue.use(Element)

// 二、按需引入組件
import Vue from 'vue'
import { Button, Input } from 'element-ui'
Vue.use(Button)
Vue.use(Input)

配置

    在 nuxt.config.js 文件裏添加配置

css: [
  'element-ui/lib/theme-chalk/index.css'
],
plugins: [
  // ssr: Boolean (默認爲 true) 如果值爲 false，該文件只會在客戶端被打包引入
  { src: '@/plugins/element-ui.js', ssr: true }
],
build: {
  // 添加模塊，配置只打包一次，減少應用bundle的體積
  vendor: ['element-ui']
}