如何强制Webpack在构建中重新捆绑JavaScript？

Question

这是我的新手，但是google并未提供答案，所以

我有一个app.scss文件和一个app.js文件，我想使用webpack进行转换并捆绑成bundle.css和bundle.js。我将webpack安装为webpack.config.js文件

：

module.exports = [{
  entry: ['./app.scss', './app.js'],
  output: {
    filename: 'bundle.js',
  },
  module: {
    rules: [
      {
        test: /\.scss$/,
        use: [
          {
            loader: 'file-loader',
            options: {
              name: 'bundle.css',
            },
          },
          { loader: 'extract-loader' },
          { loader: 'css-loader' },
          { 
            loader: 'sass-loader',
            options: {
              includePaths: ['./node_modules']
            }
          }
        ]
      },
      {
        test: /\.js$/,
        loader: 'babel-loader',
        query: {
          presets: ['es2015'],
        }
      }
    ]
  }
}];

在package.json中，脚本部分如下所示：

"scripts": {
    "build": "webpack -p",
    "start": "webpack-dev-server"
 }

我可以通过在命令行中运行npm run build来产生捆绑软件，并且它可以工作。我的问题是，如果我现在编辑app.js并再次运行npm run build，它什么也不做，而我希望它覆盖bundle.js。

如何强制它始终在构建时覆盖？我真的不想使用--watch功能，我想运行命令并完成操作。