这年头不用ES6都不好意思跟人打招呼。所以我们的代码中，又会多一种模块引入语法，那就是import。import会被转化为commonjs格式或者是AMD格式，所以不要把它认为是一种新的模块引用方式。babel默认会把ES6的模块转化为commonjs规范的，你也不用费劲再把它转成AMD了。
所以如下写法是等价的：
import list from './list'; //等价于 var list = require('./list');
不过这两种写法只需选一种，避免在代码中同时使用两种，否则会造成混淆。
总结
以上把require的用法捋了一遍，明白了各自用法的区别之后，我们就可以在项目中进行选择了。我觉得最佳选择是往commonjs方向靠拢，想尝试ES6的话就用import代替commonjs同步语法即可。
因此，代码中保持以下两种风格就好：
//可打包在一起的同步代码，使用import语法 import list from './list'; //需要独立打包、异步加载的代码，使用require.ensure require.ensure([], function(require){ var list = require('./list'); });
很显然，你在写代码的时候还是需要对打包结果进行决策，这是我不喜欢webpack的原因。gulp那样多好，编码就是编码，编译就是编译，分开来。不过这就是webpack以模块为核心的打包方式的特点吧，仁者见仁，只要团队内做一个约定，也不会打的一塌糊涂。