Html-webpack-plugin: 馃悰 Fail to inject code-splitting script files when webpack 4 optimization.splitChunks.name: false
Description
As @sokra suggested in one of webpack 4 posts to preserve long term caching:
or switch off name generation via optimization.splitChunks.name: false
html-webpack-plugin somehow fails to inject the generated "splitted" files when I apply this option in combination with output: { filename: '[name].[chunkhash].js' }.
Config
module.exports = {
mode: 'production',
output: {
filename: '[name].[chunkhash].js',
},
plugins: [
new HtmlWebpackPlugin({
template: './src/index.ejs',
favicon: './src/favicon.ico',
}),
],
optimization: {
splitChunks: {
chunks: 'all',
name: false,
},
runtimeChunk: true,
},
};
Template file:
<!DOCTYPE html>
<html>
<head>
<title>My App</title>
</head>
<body>
<div id="app"></div>
</body>
</html>
Relevant Links
Environment
Node.js v8.9.0
darwin 15.6.0
npm 5.5.1
webpack 4.0.1
html-webpack-plugin 3.0.4
dwiyatci
All 11 comments
+1
ghost
on 4 Mar 2018
+1. The same stuff. With
splitChunks: {
chunks: 'all',
name: false,
},
html-wepback-plugin doesn't inject chunks that are not specified as entry points.
AlexDel
on 3 Apr 2018
Any solution?
AuthorProxy
on 12 Apr 2018
This happens for us with names on as well, dependent chunks are not included.
prencher
on 24 Apr 2018
any update on this issue? is there a walk around or plan to fix ?
loveky
on 9 May 2018
I met this problem too.
pspgbhu
on 16 May 2018
+1
softdays
on 27 May 2018
+1
mqliutie
on 28 May 2018
+1
boraturant
on 30 May 2018
Could you please try if this works for you with 4.x alpha?
958
npm i html-webpack-plugin@next
jantimon
on 30 May 2018
@jantimon Works like a charm. :trumpet::kissing::tada: Thanks!
dwiyatci
on 30 May 2018
Related issues
lonelydatum
路
3Comments
laruiss
路
3Comments
hackteck
路
3Comments
klinki
路
3Comments
rokoroku
路
3Comments
Most helpful comment
+1. The same stuff. With
splitChunks: { chunks: 'all', name: false, },html-wepback-plugin doesn't inject chunks that are not specified as entry points.