Error: Path variable [contenthash] not implemented in this context: style/[name].[contenthash].css

[moorthy-g]

I get the following error after webpack upgrade (4.3.0)
Error: Path variable [contenthash] not implemented in this context: style/[name].[contenthash].css

My plugin config is

new ExtractTextWebpackPlugin({
    filename: 'style/[name].[contenthash].css'
})

extract-text-webpack-plugin's version is 4.0.0-beta.0.

Its working good with webpack 4.1.0 though.

[Alorel]

This appears to be a conflict with webpack 4.3 which introduced a [contenthash] variable of its own: https://github.com/webpack/webpack/releases/tag/v4.3.0

[esausilva]

I just upgraded to Webpack 4.3 and got the same error. I hope this gets fixed, but for the moment I changed [contenthash] to [hash] to get it working again.

[alexander-akait]

Please use https://github.com/webpack-contrib/mini-css-extract-plugin for extract css for webpack@4

[esausilva]

@evilebottnawi Thanks. I will give it a try once it supports HMR

[Bessonov]

@evilebottnawi does it mean that extract-text-webpack-plugin is deprecated at least for css?

[alexander-akait]

@Bessonov yes, future ETWP is only extracted content without features like ordering, code splitting, tree shaking, purifying or other specific action for each type of assets (i.e. css/html/etc). Just extract. Thanks!

[georgemincof]

A temporary solution that you can use until it's fixed, is to replace [contenthash] with something like [md5:contenthash:hex:20].

[catamphetamine]

If you're getting this with mini-css-extract-plugin then update it and the error disappears:

npm install mini-css-extract-plugin@latest --save

webpack-contrib/mini-css-extract-plugin#63

[jalmansa88]

I still have this error. I ran npm install mini-css-extract-plugin@latest --save and still hapenning when au build --env prod. Only doing the change [md5:contenthash:hex:20] fixed the error.

[DavOnGit]

@esausilva You can check extract-css-chunks-webpack-plugin it supports HMR!

[xinchanghao]

I just upgraded to Webpack 4.3 and got the same error. I hope this gets fixed, but for the moment I changed [contenthash] to [hash] to get it working again.

thanks,resolved

[prog1dev]

@evilebottnawi Thanks. I will give it a try once it supports HMR

Why would you use extract-text-webpack-plugin in development?

You dont need HMR in production so switching to https://github.com/webpack-contrib/mini-css-extract-plugin is okay