webpack-dev-server告诉开发服务器在与glob匹配的任何文件更新时重新加载浏览器吗？

Question

我有一个问题。似乎webpack-dev-server文档只提到了watchContentBase选项，该选项监视内容库目录。但是是否可以使用WDS来监视["./**/*.php"]这样的全局模式来更改文件并重新加载浏览器？

当前我正在使用BrowserSync来执行此操作，但是我觉得这是多余的。

我找到了WDS .watch( <pattern> )的内部方法，但不确定如何将其插入webpack.config.js

希望有人可以提供帮助。

此致

Answer 1

您可以使用extra-watch-webpack-plugin来做到这一点

Answer 2

首先，谢谢，因为您的问题就是我的答案-在教程项目中看到server._watch方法后，试图找出它的来源。

在教程中成功使用此方法的方式位于webpack.config.js中的devServer.before方法之下：

module.exports = {
  devServer: {
    before: (app, server) => {
      server._watch('./app/**/*.html');
    },
  }
}