vue-router 按需加载 component: () => import() 报错的解决

vue的单页面项目,必然涉及路由按需的问题。以前我们是这么做的。可是，很多情况下，我们这么写npm run dev控制台直接报错，这是为什么呢？原来是import这儿报错了，这就需要babel的插件了，vue-router官网上有一段提示：如果您使用的是 Babel，你将需要添加 syntax-dynamic-import 插件，才能使 Babel 可以正确地解析语法。如果使用vue-cli生成项目，很可能在babel-loader没有配置上面的插件，这时需要我们自己去安装此插件：。这样我们就为打包出来的chunk指定一个名字，最终生成login.js的chunk包。