Мой webpack-dev-сервер перезагружает страницу каждый раз, когда я обновляю файл .js или .scss.Но только в исходном файле index.html, выпущенном webpack.
Мне нужно поместить мои style.css и bundle.js на мою целевую страницу, а затем увидеть обновленные изменения, но добавив:
<link rel="stylesheet" href="http://192.168.178.81:8080/main.css">
<script src="http://192.168.178.81:8080/bundle.js"></script>
прекрасно загружает эти файлы на странице, но на этом сайте не происходит перезагрузок в реальном времени.
Мой webpack.config.js:
const HtmlWebPackPlugin = require("html-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
var path = require("path");
module.exports = {
entry: "./src/js/index.js",
output: {
path: path.resolve(__dirname, "dist"),
filename: "bundle.js",
publicPath: "/"
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
},
{
test: /\.scss$/,
use: [MiniCssExtractPlugin.loader, "css-loader", "sass-loader"]
}
]
},
plugins: [
new HtmlWebPackPlugin({
template: './src/index.html'
}),
new MiniCssExtractPlugin({
filename: "[name].css"
})
],
watch: true
};
И вот как я начинаюwebpack:
webpack-dev-server --mode development --open --hot --host 192.168.178.81
Я знаю, что это возможно, потому что в другом проекте он работает для меня таким образом, но теперь я создал новый и по какой-то причине не могу заставить это работать.
РЕДАКТИРОВАТЬ: Похоже, что это как-то проблема "той же политики происхождения", как я получаю ошибку "Отключено WDS" в консоли браузера.Sockjs-узел, кажется, имеет проблемы с этим.Но почему загружаются другие источники, а sock.js нет?