与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
                    })
            ]