Laravel mix and multiple vue files

Hello all,

I have a question about Laravel mix and vue.

in my app.js I have all my components declared as:

Vue.component('signup-component', () => import('./components/SignupComponent.vue'));
Vue.component('login-component', () => import('./components/LoginComponent.vue'));

When I run the command:

npm run dev or npm run production

My public folder fills up with files like these:

public/1.js
public/2.js
public/3.js
public/4.js
public/5.js
public/6.js

I this actually normal? I would have thought that laravel mix would create a single app.js file instead.

But right now It creates both with this setup:

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css').version();

Not sure if this should actually happen. Any idea please?

Thank you!