Webpack перезагружает страницу только на своем собственном хосте webpack-dev-server, а не на любом хосте, в который входит bundle.js - PullRequest
0 голосов
/ 13 мая 2019

Мой 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 нет?

...