1.0.0 • Published 5 months ago
@vulcan-ui/moon-ui v1.0.0
demo: https://cloudbase-baas-4glb9ny2373286bc-1311389475.tcloudbaseapp.com/
Install
Run the command below in your terminal to install moonUI first
npm install moon-ui --save
Usage
Global Use
Import in your entry script file and register it
import moonUI from 'moon-ui'
import "moon-ui/lib/styles/moon-ui.css"
Vue.use(moonUI)
Example
<l-button>click</l-button>
On-demand Loading
Firstly, you should install babel-plugin-component
in your project.
npm install babel-plugin-component
Configure your .babelrc
file like this
{
"plugins": [
["component", {
"libraryName": "moon-ui",
"libDir": "lib",
"styleLibrary": {
"name": "styles",
"base": false, // no base.css file
"path": "[module].css"
}
}]
]
}
The you can import component on demand, and you don't need to care about importing styles, the babel plugin will do it automaticly.
import Vue from 'vue'
import { Button } from 'moon-ui'
Vue.component('a-button', Button)
1.0.0
5 months ago