浏览器与 webpack 同步不工作

Question

我正在写一个 webpack 配置。我想建立一个浏览器同步

这里是config

的一部分

{...}
sync: require('browser-sync-webpack-plugin'),
{...}
const proxyDomain = 'http://demo.test/'
{...}
 const development = [
                new plugins.sync({
                  proxy: proxyDomain,
                  files: [
                    {
                      match: ['**/*.html'],
                      fn: (event, file) => {
                        if (event === "change") {
                          const bs = require('browser-sync').get('bs-webpack-plugin');
                          bs.reload();
                        }
                      }
                    }
                  ]
                })
            ]

但在出去的路上我得到了这个 error

我可能做错了什么，我该如何解决这个错误？谢谢！

Answer 1

我解决了这个问题。我没有复制太多配置。

 "dev": "webpack-dev-server --progress --hide-modules --mode development",


const development = [
                new plugins.sync({
                    host: 'localhost',
                    port: 9090,
                    proxy: 'http://localhost:8080/'
                },
                    {
                        reload: false
                    })
            ]

浏览器与 webpack 同步不工作

browser-sync with webpack not working

webpack

browser-sync