在 Nuxt.js 中手动安装使用 element-ui 的方法

技术知识
0 1246
小师傅 小师傅2020-05-15
积分:2386

有以下三个步骤:


  1. 在项目中安装 element-ui


npm i element-ui -save    // 官方指定安装方法

 

  2.在 plugins 文件夹下新建 element-ui.js 文件,只需三行


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

 

3.配置 nuxu.config.js (重点)

module.exports = {
  ...
  /*
  ** Global CSS
  */
  css: [
    {src:'element-ui/lib/theme-chalk/index.css'}    // 1.在 css 中配置 element-ui 的 css 位置
  ],
  /*
  ** Plugins to load before mounting the App
  */
  plugins: [
    {src:'~plugins/element-ui', ssr: false}    // 2.在 plugins 中配置刚刚创建好的 plugin
  ],
  /*
  ** Build configuration
  */
  build: {
    ...
    vendor: ['element-ui']    // 3.此处配置 build 时带着element-ui
  }
}

 

*配置好 nuxt.config.js 后需要重启项目生效。



字数统计
精选帖子
Android 可可影视 v3.3.6无广告纯净版 1077
Android QQ音乐 v11.3.7 定制版解锁免费听歌无广告版 1725
Android 草图大师SKP v1.5 解锁会员版 7129
Android OmoFun追漫神器 v4.2.1 无广告绿色版 4200
AdobeGenP Adobe全家桶系列激活工具 v3.5.0/3.4.14.1 绿色版 4815
Android 七猫免费听书 v1.4 解锁高级版 3012
超良心的抢票神器——Bypass1.16 2422
Android 玲珑加速器 v6.10.9.40 解锁无限时间 1608
Android 大师兄影视 v3.3.8 去广告会员版 744
热门帖子
最强零撸上线,多做多得,不费时间,操作简单 每天几分钟 单号每日可撸10+ 2231
【公众号托管 】我提供文章,你领取发布,每天5分钟,最高月入2W+ 1841
最新电脑项目单机每天收益300+ 带有团队管道收益 可无限放大 月入过万… 1178
Android 爱加速 v1.10.0.0 解锁无限试用时长 1133
Android 4k影视 v1.0.0 无广告多播放源 1066
全新项目 种草平台 只需要转发任务视频 即可获得收益 新手小白每天300+ 804
Android 乱七八糟 v1.4.02 多功能工具箱软件 466
【头条号托管 】我提供视频和文章,你每天5分钟发布,月入3000-5000+,… 319
最新小程序掘金项目 长期稳定 短期暴利 纯手机操作 轻松上手!!! 240