После входа на сайт я собираюсь открыть проект в другом окне браузера. Следовательно, по моему мнению, common.bundle.js не будет загружаться ни в окне входа, ни в окне подробных веб-сайтов. (Примечание: моё понимание может быть неправильным)
В этом контексте, чтобы избежать вышеуказанной проблемы, я хочу сохранить Login.bundle.js из разделенного чанка, чтобы веб-пакет создавал нормальный пакет для страницы входа. и создает все остальные пакеты вместе с common.bundle.js для подробного окна веб-сайта.
Как я могу это сделать, есть ли какая-нибудь специальная функциональность для этого в веб-пакете 4?
Мой текущий код следующий:
var config = {
entry: {
'Login': ['babel-polyfill', 'Login.js'],
'MNO': ['babel-polyfill', 'MNO.js'],
'JKL': ['babel-polyfill', 'JKL.js'],
'GHI': ['babel-polyfill', 'GHI.js'],
'DEF': ['babel-polyfill', 'DEF.js'],
'ABC': ['babel-polyfill', '.ABC.js'],
'vendorABC': ["jquery", "underscore", 'react', 'react-dom']
},
mode: "development",
optimization: {
splitChunks: {
cacheGroups: {
default: false,
commons: {
test: /[\\/]node_modules[\\/]/,
name: 'vendor_app',
chunks: 'initial',
minChunks: 5
}
}
}
},
output: {
path: path.resolve('./'),
filename: "[name].bundle.js"
},