mint-ui + Nuxt
2017-07-04 本文已影响441人
ROBIN2015
1. 在 nuxt.config.js添加
vender:[
'element-ui'
],
babel:{
"plugins": [["component", [
{
"libraryName": "element-ui",
"styleLibraryName": "theme-default"
},
'transform-async-to-generator',
'transform-runtime'
]]],
comments: true
},
plugins: [{ src: '~plugins/element-ui', ssr: true }],
在head->link下添加
{rel: 'stylesheet', type: 'text/css', href: 'https://unpkg.com/mint-ui/lib/style.css'}
2. 添加plugins/element-ui.js文件, 内容:
import Mint from 'mint-ui'
Vue.use(Mint)
3.在需要的地方引用,如:
// 按需引用
import { Indicator } from 'mint-ui'
