相关疑难解决方法(0)

用于express.js环境.有什么建议？

我--hot启用了 webpack-dev-server ，它工作得很好......对于 Javascript 文件。如果我：

• /src/someFile.js用代码创建document.write("Foo");
• 添加对我的<script>引用/src/someFile.jsindex.html
• 更改/src/someFile.js为document.write("Bar");
• 我的浏览器立即更新以显示“Bar”而不是“Foo”

但是，如果我有<p>Foo</p>我的index.html文件，并将其更改为<p>Bar</p>，我看不到更改。如果我刷新页面，我确实看到了变化，所以我知道 webpack 正在服务index.html；当我保存文件时，它只是不热交换它。

有谁知道如何修复webpack-dev-server以响应文件更改自动更新我的 HTML？

我正在开发服务器端渲染器，Vue并将其用作webpack dev server开发服务器。它已经工作得很好，我已经设置了服务器，以便在源文件之一发生更改时触发构建。当然，它是开箱即用的，因为我的源文件是配置entry中的一部分webpack。

现在，Vue您还可以指向html用作服务器端渲染模板的文件。将 html 文件传递​​给 Vue 进行服务器端渲染非常简单。

现在我想做的是Vue每次html文件更改时更新服务器端渲染器。所以基本上我需要做的就是告诉webpack或webpack dev server分别监视该html文件上的文件更改。

我怎样才能做到这一点？

对于上下文，这是我的配置的要点webpack：

module.exports = {
  entry: {
    client: 'src/path/to/client.js',
  },
  output: {
    path: appDist,
    publicPath: '/',
    filename: '[name].[chunkhash].js',
  },
  resolve: {
    extensions: ['.vue', '.js', '.json', '.mjs'],
  },
  module: {
    rules: [/* ...*/],
  },
  /* some other options here */
  devServer: {
    contentBase: [appDist, appPublic],
    publicPath: …