以前 Angular1 を使用したことがありますが、學(xué)習(xí)のプロセスは少し曲がりくねっていますが、比較的スムーズに段階的に進(jìn)められると感じており、主に個(gè)人的なプロジェクトで使用されています。その後、Vue を試してみて、これは良いと感じました。よりユーザーフレンドリーで効率的であるため、いくつかの小規(guī)模プロジェクトに使用しました。プロジェクトは vue を使用して構(gòu)築されました。
現(xiàn)在、Ng2 は正式版をリリースしています。Ng のコミュニティ、リソース、ドキュメントを考慮すると、試してみたくて仕方がありません。試してみると、使い方が間違っていたのではないかと思い始めました。主に次の問(wèn)題に遭遇しました:
1 Webpack との統(tǒng)合の問(wèn)題
私は午前中 (質(zhì)問(wèn)日) をかけて文書(shū)を段階的に追跡し、最終的には文書(shū)に含まれるすべてのファイルの內(nèi)容を直接コピーしましたが、それでも Google はさまざまなエラーを完全に解決できませんでした。つまり、Typescript 版、webpack 版に再び遭遇しました。結(jié)局、webpack-starter のようなものを見(jiàn)つけて実行し、設(shè)定を確認(rèn)し始めたところ、スターターの webpack がバージョン 2.x であることがわかりました。主な理由は、クローンできるリポジトリが公式 Web サイトにないということです。 ? ?
私が少しずつ環(huán)境を構(gòu)築していきたいと思っているのは、新しいことに觸れるときは、大きな包括的な計(jì)畫(huà)を立てるよりも、自分が何をやっているのかを把握しておかないと、どこで何をしているのか分からなくなってしまうからです。問(wèn)題が原因です (TypeScript、Systemjs、Ng2 は私にとって比較的新しいものです)。
また、webpack を使用する理由は、webpack に基づくワークフローがすでに非常によく知られており、モジュール マネージャー Systemjs には現(xiàn)時(shí)點(diǎn)で明らかな利點(diǎn)が見(jiàn)出されないためです。既存の狀況に基づいて、パッケージ化、圧縮が必要であると考えられるためです。 、ハッシュネーミングなどは依然として必要です。Systemjs を使用して無(wú)分別なリクエストを行うのは本當(dāng)に賢明でしょうか。
2 つの依存関係
私が初めて NG2 を使い始めたとき、ポリフィル ゾーン rxjs などのいくつかのライブラリを常にコピーして貼り付ける必要があることがわかり、混亂しました。これらは Ng2 の実行に必要なライブラリです。依存関係は自分で設(shè)定しないのですか?ユーザーが手動(dòng)で 1 つずつ追加するようにしますか?ポリフィルもあります。これは IE のみをサポートしていると思っていたので、Chrome のみに焦點(diǎn)を當(dāng)てて追加しないつもりだったのですが、長(zhǎng)い間行き詰まっていました。Chrome にもこれが必要であることがわかり、実際に追加しませんでした。文句は言いたくない。
3 フレーム サイズ
ほとんど実行した後、運(yùn)用モードでファイルをパッケージ化します?;镜膜?3 つのポリフィル ベンダー アプリ:
polyfills.ts:
vendor.ts:
リーリー3 つのファイルを圧縮して難読化すると、合計(jì)は約 1.2M になります。この點(diǎn)では Vue とは比べものになりません。
4 つのコンポーネントの構(gòu)成
伝統(tǒng)的に、1 つのコンポーネントは ts html レス ファイルに対応します (ただし、html ファイルは複數(shù)行の ts で記述できますが、より多くのコンテンツを含むテンプレートの場(chǎng)合は非人間的です)。これは非常に大きいように思えます。コンポーネントを一元管理できる .vue に似たファイル?
一言で言えば、Ng2 を使用するプロセス (webpack 部分との統(tǒng)合) は非常に膨大です。そこで、現(xiàn)在 Ng2 にはどのような利點(diǎn)があるのか??をお聞きしたいのですが。
業(yè)精于勤,荒于嬉;行成于思,毀于隨。
このテンプレートを使用してください。自分で行うにはまだ時(shí)間がかかります https://github.com/AngularCla...
いくつかのポイント:
1. すべてのコア フレームワークを含む Angular2 は、ugify + gzip、vue+vuex+router+resource+... の後では 100 kb 未満になります。ツールの完全なセットは、ugify + gzip の後では少なくとも 50 kb 以上です。
2. ng2 プロジェクトを作成するための簡(jiǎn)単なソリューションが必要な場(chǎng)合は、angular-cli ツールを使用できます。
3. 設(shè)定方法がわからない場(chǎng)合は、さまざまなテンプレートを參照してください。私が構(gòu)成した angular2 テンプレート
https://github.com/ntesmail/a...
4. これらの依存関係がある理由、または理解できない場(chǎng)合は、公式ドキュメントを読んでください。