webpack中require和import的区别

  • 最佳选择是往commonjs方向靠拢,想尝试ES6的话就用import代替commonjs同步语法即可。
    因此,代码中保持以下两种风格就好:
//可打包在一起的同步代码,使用import语法
import list from './list';

//需要独立打包、异步加载的代码,使用require.ensure
require.ensure([], function(require){
    var list = require('./list');
});
  • 目前所有的引擎都还没有实现import,我们在node中使用babel支持ES6,也仅仅是将ES6转码为ES5再执行,import语法会被转码为require。

posted on 2017-08-23 11:11  cag2050  阅读(195)  评论(0编辑  收藏  举报

导航