Настройте веб-пакет для создания отдельных js-файлов поставщиков для каждой записи.

Question

У меня есть несколько приложений JS в одном приложении.Каждое js-приложение имеет различную зависимость от js-библиотек, и каждое js-приложение является entry для веб-пакета.Текущая настройка веб-пакета генерирует только один vendor.bundle.js.

Как настроить веб-пакет для создания отдельных js-файлов комплекта поставщиков для каждой записи?

Ожидаемый вывод:

• vendor.bundle.js
• vendor ~ app1.bundle.js
• vendor ~ app2.bundle.js
• app1.bundle.js
• app2.bundle.js

webpack config

module.exports = {
    entry: {
     'app1': './src/AppOne.js',
     'app2': './src/AppTwo.js'
    },

    output: {
        path: path.resolve(__dirname, './resources/js/dist'),
        filename: '[name].bundle.js'
    },

    optimization: {
        splitChunks: {
            cacheGroups: {
                commons: {
                    name: 'vendor',
                    chunks: 'initial',
                    minChunks: 2
                }
            }
        }
    }
}

Answer 1

Снятие блока optimization

или

Использование chunks: 'all' похоже работает.

optimization: {
    splitChunks: {
            chunks: 'all'
        }
},