最新のvue-cliのvueを、npm buildでビルドしたdistをdjangoのstaticフォルダ以下にに配置することで動かすことを考えております。
vue-cliのデフォルトのサンプルプロダクトをnpm buildするとdistフォルダが生成されますが、
dist/index.htmlの中に定義されたcss, jsが、
html
1<script type=text/javascript src=/js/app.c4348750.js>
など、
[c4348750]ランダムの値が入って生成されます。
また、改装構成が[/js]など、npmで動作テストの際に使うサーバーで確認可能なパスになっています。
ファイル名は
設定ファイルを書く
こちらのサイトの記事のような指定で固定にできると思いますが、
パスを
html
1<script type=text/javascript src=/static/dist/js/app.c4348750.js>
などに変更させて出力することは可能でしょうか?
css, jsだけでなくpngなど、画像やその他データもパスをdjangoでの階層と合わせる必要がありそうです。
そもそも、djangoでstatic以下に置いたデータが
ではなく、
などで認識されればwebpackをいじる必要はないのですが、こちらのアプローチで解決する方法もあるのでしょうか。
あなたの回答
tips
プレビュー