详解webpack解惑：require的五种用法

经典的commonjs同步语法如下：此时webpack会将a.js打包进引用它的文件中。这是最普遍的情形，不必赘述。在commonjs中有一个Modules/Async/A规范，里面定义了require.ensure语法。在上面的用法中，我们给require.ensure的第一个参数传了空数组，实际上这里是可以接收模块名称的，作用就是实现预加载懒执行。这种写法也是有点别扭的，像是commonjs和AMD的结合体，而且一个模块名称还要写两次，真是不够优雅。不同的是，AMD的方式无法传入第三个参数当文件名，所以得不到很好看的文件。import会被转化为commonjs格式或者是AMD格式，所以不要把它认为是一种新的模块引用方式。babel默认会把ES6的模块转化为commonjs规范的，你也不用费劲再把它转成AMD了。我觉得最佳选择是往commonjs方向靠拢，想尝试ES6的话就用import代替commonjs同步语法即可。