chunks injected by webpack-html-plugin still using the static public path

[latel]

webpack.config.js

config.plugin('dynamicPublicPath').use(WebpackRequireFrom, [{ methodName: 'getExternalPublicPath' }]);

src/index.html

<script>
            window.getExternalPublicPath = function() {
                return (
                    /acpoint=local/.test(location.search) ? '//' + location.hostname : '//demo.publicpath.com'
                );
            };
        </script>

dist/index.html

<noscript
            ><strong
                >We're sorry but doesn't work properly without JavaScript enabled. Please enable it to continue.</strong
            ></noscript
        >
        <div id="app"><p style="color:#fff;">fcp</p></div>
        <script
            type="text/javascript"
            src="//demo.publicpath.com/js/chunk-vendors.b0ed90a9.js"
            crossorigin="anonymous"
        ></script>
        <script
            type="text/javascript"
            src="//demo.publicpath.com/js/index.f38b7301.js"
            crossorigin="anonymous"
        ></script>
        <script
            type="text/javascript"
            src="//demo.publicpath.com/js/vue-common-vendor.2e48dc40.js"
            crossorigin="anonymous"
        ></script>

any ideas to replace the public path of injected chunks at runtime?