ytj

.babelrc

@@ -8,11 +8,7 @@
     }],
     "stage-2"
   ],
-  "plugins": ["transform-vue-jsx", "transform-runtime",["import", {
-    "libraryName": "vant",
-    "libraryDirectory": "es",
-    "style": true
-  }]],
+  "plugins": ["transform-vue-jsx", "transform-runtime"],
   "env": {
     "test": {
       "presets": ["env", "stage-2"],

package.json

@@ -14,7 +14,7 @@
     "build": "node build/build.js"
   },
   "dependencies": {
-    "vant": "^1.1.14",
+    "vant": "^1.1.15",
     "vue": "^2.5.2",
     "vue-router": "^3.0.1"
   },

src/main.js

@@ -3,7 +3,10 @@
 import Vue from 'vue'
 import App from './App'
 import router from './router'
+import Vant from 'vant'
+import 'vant/lib/vant-css/index.css'
 
+Vue.use(Vant)
 Vue.config.productionTip = false
 
 /* eslint-disable no-new */

src/page/test.vue

@@ -0,0 +1,22 @@
+<template>
+    <div>
+        <van-button type="default">默认按钮</van-button>
+        <van-button type="primary">主要按钮</van-button>
+        <van-button type="warning">警告按钮</van-button>
+        <van-button type="danger">危险按钮</van-button>
+    </div>
+</template>
+
+<script>
+// import { Button } from 'vant'
+export default {
+  data () {
+    return {
+      a: '1'
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>

src/router/index.js

@@ -1,14 +1,16 @@
 import Vue from 'vue'
 import Router from 'vue-router'
-
+const test = () =>
+  import(/* webpackChunkName: "test" */
+    '../page/test')
 Vue.use(Router)
 
 export default new Router({
   routes: [
-    // {
-    //   path: '/',
-    //   name: 'userCenter',
-    //   component: userCenter
-    // }
+    {
+      path: '/',
+      name: 'test',
+      component: test
+    }
   ]
 })