学习webpack搭建vue环境的过程以及坑（二）

前一篇已经搭建好webpack的环境了 这篇主要就是挂载vue实例到dom上，然后使用vue-router实现路由的切换，来实现简单的系统的逻辑，就是登陆 然后切换到导航页，然后切换内容。
首先安装加载vue的loader vue-loader，

webpack里面的配置

main.js

在index.js里面像上图一样的把新建的vue app实例挂载到实例上，再引入vue-router实例把其他的文件都引入进去。即可
这里使用了嵌套路由。

这里使用了vue-router的路由重定向。使得登陆进去后的页面默认展示第一个组件。具体的就不写了

这个demo还引入了iview组件，
组件引入方法 就是先下载包，然后在main.js里面全局导入js
以及css 即可
也可按官网的 按需导入

导入过程中的问题就是 会提示不认识ttf，svg文件，这个时候下载配置一个url-loader即可。。

里面还有vuex 还没写 后面在写

懒人不想写了
看demo吧。。

demo地址：https://github.com/daerduotutu22/webpackVue