如何使用模塊模式在es5中實現'ES6 imports'

我用純JS語法編寫了3個模塊（Model，View，Controller）。我的意思是這樣的：如何使用模塊模式在es5中實現'ES6 imports'

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

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

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

我如何可以模擬使用JS（ES5.1）進口/出口？我只想使用JS將代碼劃分爲單獨的文件。

我試圖通過transpile通天ES6進口，並將其與創建一樣成才：

var model = require('model');

但是當我添加到我的代碼，我得到錯誤「規定是不允許的」

// *我不想在項目中使用巴貝爾

來源

2017-10-20 Dizip

你要什麼有在結束了嗎？你是否想要一個將你的所有文件合併到生產環境中的構建器？您是否要根據要求加載文件？模塊本身很容易，問題是你將如何管理文件：在運行時或作爲一個包預編譯 – smnbbrv

我正在使用webpack捆綁所有的結尾，但我想保持這個結構，我描述。只是想分成3個文件。 – Dizip

aha，所以如果你使用webpack'require'應該已經適合你了。請記住https://webpack.js.org/concepts/module-resolution/：很可能你想爲你的模塊使用相對路徑，但是目前你正在使用強制webpack查看'node_modules /模塊」。使用'require（'./ module'）'或類似的 – smnbbrv

-1

在現有model.js文件添加這一行到底

export default model;

然後簡單地改進現有的代碼，嘗試添加./模型前，像這樣

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

來源

2017-10-20 19:27:05 Aditya

export default是ES6語法的一部分。 – Dizip

如何使用模塊模式在es5中實現'ES6 imports'

回答

相關問題