Html-webpack-plugin: How to put / in front of the bundle file

Created on 13 Mar 2017 · 2Comments · Source: jantimon/html-webpack-plugin

Dear all

I'm using very simple html-webpack-plugin setup

module.exports = {
    ...
    plugins: [
        new HtmlPlugin({
            template: './template.html'
        })
    ]
}

The output HTML <script> is: <script type="text/javascript" src="ab56bd038d9a7da68390.bundle.js"></script>

Is it possible to have output HTML <script> to <script type="text/javascript" src="/ab56bd038d9a7da68390.bundle.js"></script> (/ in front of the bundle file) because without / I have a problem when using with react-router e.g. when the URL was http://localhost:8080/customers/101 the browser will look for /customers/ab56bd038d9a7da68390.bundle.js instead of /ab56bd038d9a7da68390.bundle.js

Please guide thanks

Source

jeud

Most helpful comment

Try this

module.exports = {
    ...
    output: {
        publicPath: '/',
        ...
    },
    plugins: [
        new HtmlPlugin({
            template: './template.html'
        })
    ]
}

mastilver on 14 Mar 2017

👍5

All 2 comments

Try this

module.exports = {
    ...
    output: {
        publicPath: '/',
        ...
    },
    plugins: [
        new HtmlPlugin({
            template: './template.html'
        })
    ]
}

mastilver on 14 Mar 2017

👍5

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.