How to compile Vue components into different JS/CSS files using Webpack?

Question

JavaScript

For example, there are two vue components:

HomeComponent.vue
BlogComponent.vue

It is required that when compiling, Webpack separates the components into different files:

js/home.js
js/blog.js
css/home.css
css/blog.css

Who faced this issue, please tell me the code for webpack.mix.js. Now it has a standard compilation into one file:

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

Answer 1

study

Answer 2

Why such an approach? Compile components?!

Answer 3

Add another column to your table that will store the link or page id. and it will be possible to add a condition to the query WHERE page=$_SERVER['REQUEST_URI'];