webpack-encoreでHMRする時のtwigのassetについて

Tweet

Symfony4(webpack-encore) でHMR使う場合に

$ yarn encore dev-server --hot

とかしますよね。

<script src="{{ asset('assets/app.js') }}"></script>

とかしてもファイルはないわけです。

デフォルトだと

http://localhost:8080/build/app.js

にapp.jsが吐き出されてしまいます。
どうしようかなぁーと思ってたんですが、base_urlsの設定をすれば問題なくいけるようです。

# config/packages/dev/framework.yaml

framework:
    assets:
        packages:
            build:
                base_urls: "http://localhost:8080"

<script src="{{ asset('assets/app.js','build') }}"></script>

Framework Configuration Reference (FrameworkBundle) (Symfony Docs)