Vue + Vue-router + Element-ui 搭建一个非常简单的dashboard demo

 Vue + Vue-router + Element-ui 搭建一个非常简单的dashboard demo     

转载连接  https://segmentfault.com/a/1190000012015667#item-1

 

另附带设置路由懒加载代码时出现  Module build failed: SyntaxError: Unexpected token 问题的解决方案

路由懒加载代码 

在启动的过程中，

component: () => import(`@/components/${sub.componentName}`) 这行代码的 import 地方提示  Module build failed: SyntaxError: Unexpected token

通过百度查看，发现是缺少了 babel-plugin-syntax-dynamic-import 插件

通过使用命令 npm install babel-plugin-syntax-dynamic-import --save-dev 来安装插件

这时候问题来了，需要引入插件，网上有的说在 .babelrc 文件中引入

 然后我研究了半天也没看出这段代码应该添加到  .babelrc  文件的什么地方（原谅我这个刚看VUE的菜鸡）。

还有一种说法是 

然后我又蒙逼了，这个js是哪个？找了半天，才发现是 webpack.base.conf.js 这个js。

嗯，找到了，全套复制粘贴然后启动。。。。然后我就又报错了。蒙逼了半个小时后才发现问题，这段代码原来就有，只需要把

options {} 中的代码拷贝就好。就这样，蒙逼了一下午，才把这个问题解决。