加载资源失败：服务器响应状态为404（Webpack）

Question

每次我在服务器上重建代码时，它都会创建新的块，并且每次重新构建后，当我第一次加载页面时，它都找不到旧的块并向我发送404错误，据我所知，我的错误是什么webpack.config文件，我应该添加或更改什么以防止浏览器缓存？

{
  mode: ENV,
  context: SRC_DIR,
  entry: {
    app: `${SRC_DIR}/App.js`
  },
  output: {
    filename: '[name].[hash:8].js',
    chunkFilename: '[name].[chunkhash:8].js',
    library: '[name]',
    path: DIST_DIR,
    publicPath: PUBLIC_PATH
  },
  optimization: {
    runtimeChunk: true,
    ...(DEV && {
      minimize: true,
      minimizer: [new TerserPlugin({ exclude: /node_modules/ })]
    }),
    splitChunks: {
      cacheGroups: {
        vendor: {
          test: /[\\/]node_modules[\\/]/,
          name: 'vendor',
          enforce: true,
          chunks: 'all'
        }
      }
    }
  }
}