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']
}