webpack 5 support

[hmnd]

In webpack/webpack#9138, the RuleSet class being used in lib/plugin.js has been refactored and no longer exists. This makes webpack 5 throw a MODULE_NOT_FOUND error when trying to build.

[KaelWD]

Related: vuejs/vue-loader#1613, JetBrains/svg-sprite-loader#403

[draeron]

anyone knows a workaround for this ?

[JorisAerts]

Based on the changes on vue-loader, I also modified the plugin.js and created a plugin-webpack4 and plugin-webpack5 and it seems to work at first sight.

So, is there already someone in the process of fixing this? Is there an official fix pendig?

[KaelWD]

If you've made the changes already feel free to open a pull request.

[bloodlit]

Add webpack 5 support #160

[chamboug]

@bloodlit How is your PR different from mine (#158) created 2 days ago?

[Hecatron]

Any news on this?, this would be useful since webpack 5 has inbuilt support for yarn2's pnp
and we have at least 2 pull requests in now for the same thing

[N1ades]

@grbd The last commit was 3 months ago, perhaps author is currently busy with the transition to version 3 and cannot accept pull requests
Perhaps a temporary fork would be a good solution.

[Hecatron]

I think I'll need to go back to webpack4 anyways since there's some issues when using web-dev-server with webpack5 in combination with yarn v2 pnp

webpack/webpack-dev-server#2820

[alekbless]

I want to use this with the new Laravel Mix 6 and webpack 5 support is needed.

[bloodlit]

@alekbless take the lib folder from the branch add-webpack5-support

[glen-84]

Related: vuejs/vue-loader#1613, JetBrains/svg-sprite-loader#403

Both of these PRs have been merged and released.

[bkhatkov]

Hi guys. Is there any change to get this done? It seems much easier to switch to any other lib than to wait here. Vue added support of WP5 long time ago. Libs should follow as soon as possible. We invested quite a lot to develop our apps using vuetify and now we're just stuck...

[elricli]

is there any progress?

[AGDholo]

If I want to use the new es feature, I will have to update vue/cli to version 5, because webpack 4 has issues that prevent vue/cli4 from using these features, e.g. ??

But vuetify only supports webpack4, so it's hard to keep up with modern development.

[adiramardiani]

@AGDholo

But vuetify only supports webpack4, so it's hard to keep up with modern development.

In documentation vuetify not use only supports but version >=4 of Webpack

[AGDholo]

In documentation vuetify not use only supports but version >=4 of Webpack

@adiramardiani

I installed vue cli 5 (webpack v5) and added vuetify, which prompts an error and I had to use the compatibility solution (installing webpack v4 again) to get it to work: https://github.com/vuejs/vue-cli/releases/tag/v5.0.0-alpha.0

[vstyler96]

I can't still solve my problem, I am still getting this:

[awill1988]

I have a PR #166 which is working for me, it mimics to the plugin-webpack4/5.js approach that exists in vue-loader. I think this gets us over the finish line right?

[vstyler96]

@awill1988 did you check this with laravel mix?

[awill1988]

I did not

[vstyler96]

@awill1988 are the custom variables working from webpack config? :o

[awill1988]

I'm not sure I'm about to publish an example with Vue2 Vuetify with module federation so that is my focus.. this seemed like the easiest lift

[KaelWD]

v1.7.0 has been published as vuetify-loader@next. If you find any problems with webpack 5 please report them in a new issue.

[tux2nicolae]

Just updated to vuetify-loader@next and getting this

[mathe42]

If you find any problems with webpack 5 please report them in a new issue.

Create a new issue for that! With a reproduction repro!

[stefanKuijers]

@tux2nicolae Could you link back to this issue if you create a new issue? Just so I can follow the progress as well. :)

[tux2nicolae]

@stefanKuijers Actually I didn't created a new issues as the problem may be fixed in 1.7.1 it works for me.

[bhanuunrivalled]

HI , Iam using "webpack": "^3.8.1"

  "vue": "^2.5.9",
    "vue-chart-js": "^1.4.1",
    "vue-chartkick": "^0.2.0",
    "vue-i18n": "^7.3.2",
    "vuetify": "^0.16.4"

is it possible for me to update to webpack 5? or webpack 4? which one is better?