A Vue.js 2.0 Mobile UI at YouZan
npm i -S vant
Use babel-plugin-import (Recommended)
// .babelrc or babel-loader option
{
"plugins": [
["import", { "libraryName": "vant", "style": true }]
]
}
Then you can import components from vant, equivalent to import manually below.
// import js and css modularly, parsed by babel-plugin-import
import { Button } from 'vant';
import { Button } from 'vant';
import 'vant/lib/vant-css/button.css';
import Vue from 'vue';
import vant from 'vant';
import 'vant/lib/vant-css/index.css';
Vue.use(vant);
Start development mode:
npm run dev
Visit http://localhost:8080 to see an example of all components.
You can scan the following QR code to access the demo: