私は、es5/es2015 AngularJSアプリを混在させることはできますか？

Question

私の仕事では、すぐに移行する予定のES5で書かれた大きなAngularJSアプリがあります。他のJSフレームワーク（Angular 2+またはReact）に移行する前に、私は現在のアプリをES2015に移行するためのより小さなステップを踏みたいと思います。 しかし、それは大規模なプロダクションアプリなので、この移行を徐々に処理することがより簡単になります。

私はES2015とAngularJSについてのチュートリアルがたくさんあるけど、私は混合ES5とES2015ファイルを状況に対処するものであれを見つけることができませんでした。

さらに、現在のES5アプリケーションでは、ocLazyload + ui-routerで遅延ロードされたルートを使用しています。これは、SystemJSやWebpackなどのES2015モジュールローダーでどのように動作するのかよくわかりません。

この特定のシナリオをどのように処理するか知っていますか？

ありがとうございます。

Answer 1

ES2015は、純粋なJavaScriptであり、豊富なAPIと多くの構文糖を備えています。たとえば、ES6でclassを使用する場合、これは言語の新しいデータ構造ではありません。これはJavaScriptのプロトタイプの性質を隠す文法的な砂糖です。背後では、それはまだ機能です。

あなたはアプリケーションを開発するので、もちろんES5とES6を混在させることもできます。 BabelまたはTraceurでコードをコンパイルする場合、ES5が有効なJavaScriptであるため、有効な出力が必要です。

お分かりのように、角2ではTypeScriptが使用されています。しかし、TypeScriptはCoffeeScriptのようなものではありません。これはJavaScriptにコンパイルする別の言語ではありません。マイクロソフトはJavaScriptをJavaScriptのスーパーセットとして定義しています。確かに、あなたが最小のES5コードをとり、それをtscでコンパイルしようとすると、うまくいくでしょう。

だから、徐々に移行を実行できるはずです。 :)