laravel-mix-vue3

laravel-mix-vue3 copied to clipboard

I've been trying to use the extract support with v0.7, but end up with larger files. e.g.

mix.vue3("resources/js/app.js", "public/compiled/js")
	.postCss('resources/css/app.css', 'public/compiled/css', [
		require('tailwindcss'),
	])

produces

/compiled/css/app.css  5.74 KiB       2  [emitted]  mix
/compiled/js/app.js  78.7 KiB       0  [emitted]  /compiled/js/app

while

mix.vue3("resources/js/app.js", "public/compiled/js")
	.postCss('resources/css/app.css', 'public/compiled/css', [
		require('tailwindcss'),
	])
	.extract(['vue', 'axios'], 'public/compiled/js/vendor');

produces

   /compiled/css/app.css  5.74 KiB       3  [emitted]  mix
     /compiled/js/app.js  93.4 KiB       1  [emitted]  /compiled/js/app
/compiled/js/manifest.js  1.46 KiB       0  [emitted]  /compiled/js/manifest
  /compiled/js/vendor.js   101 KiB       2  [emitted]  /compiled/js/vendor

Any suggestions? or just wait until mix supports Vue3 by default?

Yeah this would be usefull... extract does not seem to work

It will be hard to fix (overriding many functionalities), it seems laravel-mix v6 will be released next week.

It will be hard to fix (overriding many functionalities), it seems laravel-mix v6 will be released next week.

Thanks yes happy to wait for the mix v6 release. Cheers