ES5与ES6导入导出问题

这篇文章是很久前写的(2016.8.17)，今天整理博客文章时翻出来。
　　今天在做项目的时候遇到一个问题,原本一个登陆注册功能放在了一个文件内,但代码太多,便重新建了2个文件,一个里面是登录组件Login,一个里面是注册组件Register,总的组件 LoginAndRegister 里面调用了两个子组件的时候,我是通过
export default LoginAndRegister 导出的.分开以后,我通过

const Login = require('./Login');

的形式将Login引入进来,但发现不行,一运行服务器就崩了,换成

import Login from './Login';

就可以运行了,感觉很奇怪,询问老师后才知道

export default   LoginAndRegister;实际上等价于module.exports = {'default': LoginAndRegister }

所以若要用require引用,应写成

const  {'default':Login} = require('./Login');

的形式.