純粋な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');
しかし、私は私のコードに私は
//「必要が許可されていません」というエラーを得たことを追加するとき*私はいけない
あなたが最後に持っているために何をしたいですかのようにモデルの前./を追加してみてください?実稼働環境ですべてのファイルをマージするビルダーが必要ですか?要求に応じてファイルをロードしますか?モジュール自体は本当に簡単ですが、問題はファイルをどのように管理するかです:実行時または1つのバンドルとしてプリコンパイル – smnbbrv
最後にすべてをバンドルするためにwebpackを使用していますが、私はこの構造を保持したいと思います。それを3つのファイルに分割したいだけです。 – Dizip
ahaなので、webpack 'require'を使用している場合は、すでに動作しているはずです。 https://webpack.js.org/concepts/module-resolution/を覚えておいてください:モジュールの相対パスを使用したいと思う可能性が最も高いですが、現在webpackに 'node_modules /モジュール '。 'require( './ module')'または同様のものを使用してください。 – smnbbrv