How to make a separate vendor for different parts of the application?

Question

webpack

For example, I have adminka.js and app.js, now they have a common vendors.js. How to make separate vendors for them so that they don’t drag app dependencies into the admin panel and vice versa?

webpack5. Now it works like this:

optimization: {
    splitChunks: {
        cacheGroups: {
            vendor: {
                name: 'vendors',
                test: /node_modules/,
                chunks: 'all',
                enforce: true
            }
        }
    }
}

Answer 1

Tyts