在nuxt.js里集成element-ui

  1. 安装element-ui

    1
    npm i element-ui -S
  2. plugins文件夹下面,创建element-ui.js文件,写入如下内容:

    1
    2
    3
    import Vue from 'vue'
    import ElementUI from 'element-ui'
    Vue.use(ElementUI)
  3. 修改nuxt.config.js

    1
    2
    3
    4
    5
    6
    7
    8
    9
    css: [
    'element-ui/lib/theme-chalk/index.css' // 引入全局样式
    ],
    plugins: [
    {src: '~/plugins/element-ui', ssr: true } // ssr:true 代表在服务端渲染,客户端不渲染
    ],
    build: {
    vendor: ['element-ui'] // 防止重复重复打包
    }
  4. 重新启动项目

    1
    npm run dev
刘伟 wechat
欢迎您扫一扫上面的微信公众号( 或者搜索:darrenliuwei )订阅
如果觉得本文对您有启发,可以随意打赏一点鼓励我继续更新!