以前 Angular1 を使用したことがありますが、学習のプロセスは少し曲がりくねっていますが、比較的スムーズに段階的に進められると感じており、主に個人的なプロジェクトで使用されています。その後、Vue を試してみて、これは良いと感じました。よりユーザーフレンドリーで効率的であるため、いくつかの小規模プロジェクトに使用しました。プロジェクトは vue を使用して構築されました。

現在、Ng2 は正式版をリリースしています。Ng のコミュニティ、リソース、ドキュメントを考慮すると、試してみたくて仕方がありません。試してみると、使い方が間違っていたのではないかと思い始めました。主に次の問題に遭遇しました:

1 Webpack との統合の問題

私は午前中 (質問日) をかけて文書を段階的に追跡し、最終的には文書に含まれるすべてのファイルの内容を直接コピーしましたが、それでも Google はさまざまなエラーを完全に解決できませんでした。つまり、Typescript 版、webpack 版に再び遭遇しました。結局、webpack-starter のようなものを見つけて実行し、設定を確認し始めたところ、スターターの webpack がバージョン 2.x であることがわかりました。主な理由は、クローンできるリポジトリが公式 Web サイトにないということです。 ? ?

私が少しずつ環境を構築していきたいと思っているのは、新しいことに触れるときは、大きな包括的な計画を立てるよりも、自分が何をやっているのかを把握しておかないと、どこで何をしているのか分からなくなってしまうからです。問題が原因です (TypeScript、Systemjs、Ng2 は私にとって比較的新しいものです)。

また、webpack を使用する理由は、webpack に基づくワークフローがすでに非常によく知られており、モジュール マネージャー Systemjs には現時点で明らかな利点が見出されないためです。既存の状況に基づいて、パッケージ化、圧縮が必要であると考えられるためです。 、ハッシュネーミングなどは依然として必要です。Systemjs を使用して無分別なリクエストを行うのは本当に賢明でしょうか。

2 つの依存関係

私が初めて NG2 を使い始めたとき、ポリフィル ゾーン rxjs などのいくつかのライブラリを常にコピーして貼り付ける必要があることがわかり、混乱しました。これらは Ng2 の実行に必要なライブラリです。依存関係は自分で設定しないのですか？ユーザーが手動で 1 つずつ追加するようにしますか?ポリフィルもあります。これは IE のみをサポートしていると思っていたので、Chrome のみに焦点を当てて追加しないつもりだったのですが、長い間行き詰まっていました。Chrome にもこれが必要であることがわかり、実際に追加しませんでした。文句は言いたくない。

3 フレーム サイズ

ほとんど実行した後、運用モードでファイルをパッケージ化します。基本的に 3 つのポリフィル ベンダー アプリ:
polyfills.ts:

vendor.ts:

3 つのファイルを圧縮して難読化すると、合計は約 1.2M になります。この点では Vue とは比べものになりません。

4 つのコンポーネントの構成

伝統的に、1 つのコンポーネントは ts html レス ファイルに対応します (ただし、html ファイルは複数行の ts で記述できますが、より多くのコンテンツを含むテンプレートの場合は非人間的です)。これは非常に大きいように思えます。コンポーネントを一元管理できる .vue に似たファイル?

一言で言えば、Ng2 を使用するプロセス (webpack 部分との統合) は非常に膨大です。そこで、現在 Ng2 にはどのような利点があるのか​​をお聞きしたいのですが。