如何在es5中使用模块模式实现“ES6导入”

时间:2017-10-20 19:22:23

标签: javascript ecmascript-6 ecmascript-5 revealing-module-pattern

我用纯JS语法编写了3个模块(模型,视图,控制器)。 我的意思是:

var Model = (function () {
  //...
})();

var View = (function () {
  //...
})();

var Controller = (function (model, view) {
  //do the job...
})(Model, View);

如何使用JS(ES5.1)模拟导入/导出? 我只想使用JS将代码划分为单独的文件。

我试图通过babel来转换ES6导入,它创建了类似的东西:

  var model = require('model'); 

但是当我将其添加到我的代码中时,我收到了“不允许要求”的错误

// *我不想在项目中使用babel

1 个答案:

答案 0 :(得分:-1)

在最后的现有model.js文件中添加此行

export default model;

然后只需改进现有代码,尝试在模型之前添加 ./

var model = require('./model');