DjangoとAngular-cli @ webpackの使い方

Question

私はDjangoのプロジェクトを行っています。私はAngular 2を使っています。私はAngularが初めてで、いくつかのチュートリアルを取っています。私はthisのリンクを使って、DjangoとAngular2をリンクしています。しかし、いくつかのパッケージの非互換性のために、私はangle-cliで新しい角度のあるプロジェクトを開始し、自分のコードを引っ張りたいと思っていました。しかし、角度cliはsystemjs.config.jsが削除されているようですが、これはAngular2のDjangoの最初のindex.htmlコードに接続するために編集しなければならなかったファイルです。ですから、systemjs.config.jsの代替手段がありますか？ DjangoとAngular-cli@webpackとの統合に関するチュートリアル、ビデオ、またはドキュメントへの参考になります。

Answer 1

Angular CLIを使用して作成されたAngular 2+アプリとDjangoを統合するのは簡単で簡単です。開発中であるか生産中であるかに応じて、これらの手順に従います。

開発中：2台のサーバーを持つことは問題ではありません。

まず、Djangoプロジェクト内をナビゲートし、Angular CLIを使ってAngularアプリケーションを生成します。

Angular CLIが組み込みプロキシを使用するように設定するため、AngularアプリケーションからDjangoバックエンドに要求を送信するときにブラウザの同じオリジンポリシーを回避できます。

Angular CLIサーバーとDjangoローカルサーバーを別々の2つの端末で起動します。

生産中：1台のサーバーのみを使用する必要があります。

サーバーを牽引することはできませんので、Angularアプリケーションをdistフォルダに作成し、Djangoを使用してそのフォルダ内のindex.htmlファイルを提供する必要があります。

tutorialの詳細な手順に従うことができます。