flaskやrailsとどう組み合わせるのか

結論

webpack使う場合は、ビルド後のJSファイルをpublic下に置けばいいです

https://gyazo.com/6f143d18cde23df4f63a328280f2be8c

flaskやrailsは基本的に「サーバサイドレンダリング」までやってくれるフレームワーク

flaskやrailsで普通に作ると「SPA」ではなく「MPA（Multiple Page Application）」になる

SPAは「ブラウザ側でのレンダリング」をする開発手法

SPAとMPAは両立しない

まず最初に「SPA」で行くのか、「MPA」で行くのかを選ぶ必要がある

MPAで行くなら、サーバサイドのテンプレートエンジンを使うことになる

jinjaやerbなど

Vueは、サーバサイドで生成したHTMLに薄くかぶせるような形になる

この場合はVueのCDN版を使うことになる。.vueファイルはあまり使わない

jQueryで動きを付けるのと同じような利用方法になる

SPAで行くなら、サーバサイドのテンプレートエンジンは一切使わない

flaskやrailsは、REST APIを提供するなど、JSONを提供することに専念することになる（HTMLは返さない）

SEOに弱いなどの問題点を知っておく必要がある