码迷,mamicode.com
首页 > Web开发 > 详细

nuxt.js 使用 mint-ui element-ui

时间:2018-04-09 17:15:12      阅读:778      评论:0      收藏:0      [点我收藏+]

标签:port   配置   span   需要   uil   code   min   bsp   from   

1,首先下载需要使用的插件

/* element-ui */

npm i element-ui -S

/* mint-ui */

npm i mint-ui -S

2,然后在 plugins 中创建对应的 js 文件 element-ui.js / mint-ui.js

import Vue from ‘vue‘
import ElementUI from ‘element-ui‘
import ‘element-ui/lib/theme-chalk/index.css‘

Vue.use(ElementUI)
import Vue from ‘vue‘
import MintUI from ‘mint-ui‘
import ‘mint-ui/lib/style.css‘

Vue.use(MintUI)

3,在 nuxt.config.js 中配置


  vendor: [‘element-ui‘,‘mint-ui‘]  // 在 build 对象里边
  //下边的 plugins 跟 build 对象同级
 plugins: [
    { src: ‘~plugins/element-ui‘},
    { src: ‘~plugins/mint-ui‘},
  ]

这样就可以使用element-ui,mint-ui 两个框架了

nuxt.js 使用 mint-ui element-ui

标签:port   配置   span   需要   uil   code   min   bsp   from   

原文地址:https://www.cnblogs.com/hai-cheng/p/8760887.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!