dynamic-public-path-plugin

A plugin that lets you override the Webpack modules public path in webpage runtime. plugin : webpack-runtime-public-path-plugin Upgraded version, compatible with webpack5

It is recommended to use dynamic-public-path-plugin, and another version will be abandoned soon

plugin webpack5-dynamic-public-path, Alternative version, compatible with lower version webpack

Configuration

const dynamicPublicPathPlugin = require("dynamic-public-path-plugin")

    plugins: [
        ...
        new dynamicPublicPathPlugin({
            dynamicPublicPath: "'/foo/bar/'"
        })
        ...
    ]

Result

/******/        // __webpack_public_path__
/******/        __webpack_require__.p = "/dist/";

/******/        // Dynamic assets path override (webpack5-dynamic-public-path)
/******/        __webpack_require__.p = ('/foo/bar/') || __webpack_require__.p;