与 webpack 的浏览器同步不起作用答案

【问题标题】：browser-sync with webpack not working与 webpack 的浏览器同步不起作用
【发布时间】：2018-06-07 08:38:45
【问题描述】：

我正在编写一个 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

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

【问题讨论】：

我看到Error: ENOSPC: no space left on device。释放一些硬盘空间。
我有 4 TB 的可用内存
$ df -h /tmp Filesystem tmpfs Size 2400M Used 480K Avail 2.4G Use% 1% Mounted on ` /tmp`
你为什么只看tmp？查看home 的安装位置。
@Ingaz 我家有 70G 空闲内存，root 有 79G

标签： webpack browser-sync

【解决方案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
                    })
            ]

【讨论】：