angular2-webpack-starterとangular-cliを併用するには？

Question

Angular2とwebpack-starterの新機能です。そして、ng2-boostrapのwebpack-starterをうまく動作させてください。しかし、私がangle-cliでコンポーネントを追加しようとすると、「generateコマンドを使用するにはember-cliプロジェクトの中にいなければなりません。いくつかの意味がありますが、この初心者にとっては、新しいコンポーネントを追加するためには、 'ng g compenent ...'のようなものを使用することが非常に役に立ちます。または、webpack-starterのためにこれを行うためのgulpタスクがあれば、それは役に立ちます。

私はグーグルで見つけたことがなく、明らかに何も見つからず、webpack-starterプロジェクトを壊したくありませんでした。どんな助けでも大歓迎です。私はいつも新しいコンポーネントのためにすべてのファイルをビルドすることができますが、それは非常に無駄で、エラーが発生しやすくなります。

Answer 1

これらの2つを組み合わせると、すべてのバージョンが異なる可能性があるため、首に痛みがあります。 （Angular2、typescript、zoneなど）。

私はあなたが新しい角度のcliプロジェクトを作成し、スターターキットからすべてのものをそれに移動し、そこから続行することをお勧めします。

これをしたくない場合は、スタータープロジェクトの中に入り、ng initを実行してください。

このコマンドは、スターターキット内のcli stuffを初期化しますが、最初はapp.module.tsなどのファイルを上書きするかどうか質問します。これはあなたの決定です。

あなたのプロジェクトはcliプロジェクトになり、あなたはすべてのものを持っています。

しかし、私はまだ最初のアプローチを好む、2番目のアプローチは非常に面倒です。

Answer 2

スターターが角度スタイルガイド（CLIが実行する）に従わない可能性があるため、CLIによって生成された構造体を他のステーターと混合することはお勧めしません。それは本当の混乱になるでしょう。

角度アプリを作成して実行することは角度アプリを扱う公式の方法です。

ただし、しばらくの間、CLIでは内部Web Packの設定を編集できません。チームが作業しているアドオンシステムを使用してこの設定をカスタマイズすることができます。それまでは、CLIがまだできないことを行うために、独自のwebpack設定を使用することができます。 webpack deps + web.config.jsファイルをプロジェクトに追加するだけです。