1

純粋なJS構文で3つのモジュール(モデル、ビュー、コントローラ)を書きました。 は、私はそのような意味:モジュールパターンでes5に 'ES6 imports'を実装する方法

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

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

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

どのように私は、JS(ES5.1)を使用して、インポート/エクスポートをシミュレートすることができますか? 私はちょうどJSだけを使ってコードを別々のファイルに分割したいと思っています。

私はバベルを経由してES6の輸入をtranspileしようとしましたが、それは次のようにいろいろ書いを作成しました:

var model = require('model'); 

しかし、私は私のコードに私は

//「必要が許可されていません」というエラーを得たことを追加するとき*私はいけない

+0

あなたが最後に持っているために何をしたいですかのようにモデルの前./を追加してみてください?実稼働環境ですべてのファイルをマージするビルダーが必要ですか?要求に応じてファイルをロードしますか?モジュール自体は本当に簡単ですが、問題はファイルをどのように管理するかです:実行時または1つのバンドルとしてプリコンパイル – smnbbrv

+0

最後にすべてをバンドルするためにwebpackを使用していますが、私はこの構造を保持したいと思います。それを3つのファイルに分割したいだけです。 – Dizip

+0

ahaなので、webpack 'require'を使用している場合は、すでに動作しているはずです。 https://webpack.js.org/concepts/module-resolution/を覚えておいてください:モジュールの相対パスを使用したいと思う可能性が最も高いですが、現在webpackに 'node_modules /モジュール '。 'require( './ module')'または同様のものを使用してください。 – smnbbrv

答えて

-1

エンド

export default model; 
に既存のmodel.jsファイルに次の行を追加したプロジェクトでバベルを使用したいです

は、単に、既存のコードを向上させるので、

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

エクスポートのデフォルトはES6構文の一部です。 – Dizip

関連する問題