私はDjangoプロジェクトを立ち上げ、それに合わせてVueフロントエンドを開発したいと考えています。 Vueアプリを設定するには、vue init webpack myproject-frontend
を使用しました。両方を別々に開発するのは、それぞれpython manage.py runserver
とnpm run dev
を使用するとかなり簡単です。Djangoを使ってwebpack'ed(Vue)アプリを提供するにはどうすればよいでしょうか?
私のDjangoプロジェクトの1ページ内にアプリを置くのも簡単です。 の場合最初にnpm run build
を使用してVueアプリを構築します。明らかに、それは遅いという欠点があります。さらに、私はハッシュを含むファイル名(もちろん自動化が可能です)に注意を払わなければなりません。
についてnpm run dev
については、私はブラウザー内のVueアプリだけを見ることができて満足していません。私はまだAPI(CORSの世話をする)と通信することができますが、それはウェブサイトが最終的にどのように見えるかではありません。私は、同じページに複数のVueコンポーネントを配置し、異なるページ上の異なるコンポーネントを1つのポイントに配置する予定です。これはdev
には反映されません。
アプリケーションのDjango部分を省略しないという忠実性を維持しながら、常に再構築する必要がないという迅速性をどのように達成できますか?
私はdev
によって提供されているものを見てみましたが、私はWebPACKのその外のアプローチを推定するために使用ツールにすぎ新たなんです。 FWIW、これは私が見てどのようである:
/app.js
自体はいくつかのブートストラップ、ライブラリとアプリケーション・コードをwebpack'ingの結果であると思わ:見て
、私はこれを参照してください。しかし、そのファイルには、私のファイルシステムにどこにもありませんので、私はそれが何らかの形でDjangoのサーバを経由してアプリの
dev
バージョンを提供することが可能ですかどうか
私は後で明白な解決策を見つけるには時間がかかりすぎたので、残りの世界でこれを投稿しています。私はまだCORSのないソリューションがあれば興味があります! –