未在React App中使用的Webpack编译包js

Question

在我的应用js中

app.use(express.static(join(__dirname, '/dist')))

Webpack配置：

module.exports = {
  entry: "./src/main.js",
  output: {
    path: join(__dirname, "/dist/js/"),
    filename: "bundle.js",
    publicPath: "/"
  },
  mode: "development"
  // ...
};

在我的footer.hbs中

<script src="/js/bundle.js"></script>

在我的package.json脚本中

"startw": "webpack-dev-server --open",
"server": "node app.js",

当我在任何js文件中进行更改时，webpack正在编译，但是不会覆盖/js/bundle.js。如何使webpack重新编译更改后的bundle js以覆盖dist / js / bundle.js？ 我试过了 https://webpack.js.org/guides/development/#using-webpack-dev-server 和 webpack-dev-middleware

在生产中，我使用

"dev": "./node_modules/.bin/webpack -p --watch",

此文件已按预期编译到dist / js / bundle.js，但是每次我对js文件进行简单更改时都很难运行它。

我想注入自动编译的输出js以在我的应用程序中使用它。我不介意自己刷新页面，也不在乎是否不使用HMR。