Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

ExtractTextWebpackPlugin deprecated in WebPack v4

See original GitHub issue

Hi, I’m interested in leveraging some of the webpack configuration here but I notice that it’s still using ExtractTextWebpackPlugin even though it is not recommended when using WebPack v4:

⚠️ Since webpack v4 the extract-text-webpack-plugin should not be used for css. Use mini-css-extract-plugin instead.

Can you comment on why it’s not using the mini-css-extract-plugin now instead?

Otherwise, this WebPack configuration looks very nice!

Thanks,

–Mark

Issue Analytics

State:
Created 5 years ago
Comments:5 (4 by maintainers)

Top GitHub Comments

1reaction

mikechabotcommented, Jul 20, 2018

@medington Thanks again. I believe I’ve updated everything to the proper configuration, but feel free to let me know if you have any issues. Both Prod and Dev seem to be working correctly.

For good measure, since npm can be strange, you might want to rm -rf /node_modules then an npm install just to be sure all the packages are proper.

1reaction

mikechabotcommented, Jul 12, 2018

Thanks, good catch. I stumbled across https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/701#issuecomment-368475240 to get this working, but as you mentioned, it doesn’t look recommended.

Let me fix this up, and push an update.

Top Results From Across the Web

extract-text-webpack-plugin deprecated on Webpack 4

Just wanted to let you guys know that the extract-text-webpack-plugin dependency is deprecated on Webpack 4 (ref: ...

Node v9 + Webpack v4 + extract-text-webpack-plugin = ...

It appears that extract-text-webpack-plugin is deprecated for Webpack v4. See the README, which says ...

To v5 from v4

As webpack 5 removes all deprecated features, make sure there's no webpack deprecation warnings during the build in order to proceed. Make sure...

Step-by-step Guide to Upgrading to Webpack 4 - Oleg Chursin

Sub extract-text-webpack-plugin with mini-css-extract-plugin. Get rid of extract-text-webpack-plugin ... Fix any deprecation errors you may be getting.

extract-text-webpack-plugin

Start using extract-text-webpack-plugin in your project by running `npm i extract-text-webpack-plugin`. ... This package has been deprecated.