Doesn't inject sources after v4

[ghost]

This is my setting. It doesn't inject sources. It doesn't matter if i inject manually using ejs or using inject true.

template: path.join(`${page.file}.ejs`),
filename: path.join(`${page.file}.html`),
chunks: [page.key],
inject: true,
minify: false,

If i just change the version to 3.0.2 it works.
Something is fucked up again.

Windows 10.

[jantimon]

Can you please try the InlineChunkHtmlPlugin from facebook? https://github.com/facebook/create-react-app/blob/edc671eeea6b7d26ac3f1eb2050e50f75cf9ad5d/packages/react-dev-utils/InlineChunkHtmlPlugin.js#L10

[cdagli]

Same for me, our configuration stopped working after updating v4.x.x. We've reverted back to 3.2.0 and investigating if something wrong with our configuration.

We don't have anything magical, it is just straightforward configuration:

    new HtmlWebpackPlugin({
      template: './src/index.ejs',
    }),

Seems like our issue is related with #1355

[jantimon]

@cdagli the issue you mentioned is not related - it is about output filenames

could you please show how you use the css / js inside your index.ejs?

[odrozd]

@jantimon having similar issue after upgrading to v4 and working fine in v3
here is config:

 new HtmlWebpackPlugin({
            filename: "../Areas/MVC/Views/WebPackBundles/_ConnectionLoggingBundles.cshtml",
            chunks: ['manifest', 'vendor', 'connection_logging_loader'],
            inject: false,
            template: '_LayoutTemplate.cshtml'
        })

and template

<% for (var chunk in htmlWebpackPlugin.files.chunks) { %>
<script src="~/<%= htmlWebpackPlugin.files.chunks[chunk].entry %>"></script>
<% } %>

[cdagli]

@jantimon Sorry, maybe I got this wrong and our issue is unrelated with this issue but related with #1355 Because it works when we remove the ?[chunkhash] in the output.filename [name].js?[chunkhash]'

[odrozd]

just fyi removing [chunkhash] does not work in my case

[jantimon]

The querystring was solved with html-webpack-plugin 4.0.4

In html-webpack-plugin <%= htmlWebpackPlugin.chunks is no longer supported.

More details why that change was made can be found here: #1369 (comment)

I will try to provide a new way but it will take me some time as I can do that only in my spare time.

So unfortunately for now you have to use html-webpack-plugin 3.2 for now if you rely on <%= htmlWebpackPlugin.chunks.

[jantimon]

Closing as it is a duplicate of #1369