How to set up webpack for a regular mvc site so that scripts like vue and styles get static names?

Question

webpack

There is a regular site for an online store. It is necessary to implement part of the functionality, like SPA - for example, a basket, a personal account on vue.js.
At the same time, some pages require only postcss and jquery. In a normal build, vue cli writes the paths to the scripts in index.html, each time generating new names for the js and css files.
How do I get webpack to bundle js and css with hard-coded names that can be specified in the js include path?

Answer 1

// webpack.config.js

module.exports = {
    entry: {
        "name1111": "./js/file1.js",
        "sobaka912": "./js/file2.js",
    },
    output: {
        path: path.join(__dirname, './dist/js'),
        filename: "[name].js"
    },
};

the output will
be /dist/js/name1111.js
/dist/js/sobaka912.js