NPM peer dependencies requires 3 different versions of webpack

Question

I need to have three difference versions of webpack, how do I fix this issue?

vuetify-loader@1.1.1 requires a peer of webpack@^4.0.0 but none is installed. You must install peer dependencies yourself.

extract-text-webpack-plugin@3.0.2 requires a peer of webpack@^3.1.0 but none is installed. You must install peer dependencies yourself.

webpack-dev-server@2.11.3 requires a peer of webpack@^2.2.0 || ^3.0.0 but none is installed. You must install peer dependencies yourself.

PS: I was up to now using the latest version 4.28.4 of webpack

Answer 1

According to what I read on SO, I suggest the following procedure.

1. Go for the newest version of webpack . The migration guide at https://webpack.js.org/migrate/4/ is pretty well-written.
2. Try make vuetify-loader run properly.
3. With npm remove extract-text-webpack-plugin get rid of that package since it is deprecated, move forward and use mini-css-extract-plugin instead.
4. Update webpack-dev-server to a version so that works with the current version of webpack .