Я запускаю два экземпляра сервера разработки Webpack, но горячая перезагрузка не работает.Я вижу эти сообщения при применении изменения к коду:
[WDS] Горячая замена модуля включена.
[WDS] Приложение обновлено.Перекомпиляция ...
[WDS] Горячее обновление приложения ...
Но браузер не обновляется сам.
Я думаю, что-то с хостом / моим кастомомневерный домен.
Я запускаю приложение на www.dev.mydomain.com:5000.
devServer.js
const _ = require('lodash');
const WebpackDevServer = require("webpack-dev-server")
const webpack = require("webpack")
const config = require("./webpack.dev.config")
const path = require('path');
const firstCompiler = webpack(config);
const secondCompiler = webpack(config);
const getPublicPath = ({ port }) => 'http://www.dev.mydomain.com:' + port + '/';
const options = {
hot: true,
host: '0.0.0.0',
headers: {
"Access-Control-Allow-Origin": "*"
},
disableHostCheck: true,
proxy: [{
context: ["/admin", "/api", "/accounts"],
target: "http://www.dev.mydomain.co"
}],
};
WebpackDevServer.addDevServerEntrypoints(config, options);
const firstApp = new WebpackDevServer(firstCompiler, _.assign({},options, {
historyApiFallback: {
index: getPublicPath({ port: '3000' }) + 'first_index.html',
},
}));
const secondApp = new WebpackDevServer(secondCompiler, _.assign({},options, {
historyApiFallback: {
index: getPublicPath({ port: '5000' }) + 'second_index.html',
},
}));
firstApp.listen(3000, function() {
});
secondApp.listen(5000, function() {})
webpack.config.js
entry: {
firstApp: ['webpack-dev-server/client?http://www.dev.mydomain.com:3000' ,"./scripts/firstApp.js"],
secondApp : ['webpack-dev-server/client?http://www.dev.mydomain.com:5000', "./scripts/secondApp.js"],
},