У меня проблемы с несколькими копиями webpack-dev-server/client
на странице, включающей несколько фрагментов.
{
entry: {
"common": "./src/common.js",
"example-post": "./src/example-post/index.js",
},
plugins: [
new HtmlWebpackPlugin({
chunks: ["common", "example-post"]
})
]
}
Что-то сломало плагин наложения ошибок на всех страницах, которые включали несколько блоков.
Я заметил, что на этих страницах несколько раз показывалось сообщение [WDS] Live Reloading enabled.
.
Если бы вы быстро просмотрели анализатор комплектов и, конечно же, в каждом комплекте была полная копия webpack-dev-server/client
(и всех его зависимостей).
* +1012 *
Понятно, что это значение по умолчанию, поэтому каждый чанк можно использовать отдельно.
Я пытался переместить код сервера dev в свой собственный блок с помощью optimization.splitChunks
, но даже когда я дедуплицировал код с блоком /webpack-dev-server/
, все еще открыто несколько сокетов сервера dev.
Как я могу убедиться, что открыт только один сокет и доступен для всех блоков на странице?