How to stop webpack copyplugin from renaming files?

I have a folder called “Static” which includes the below files

enter image description here

I am using the copy-webpack-plugin to copy these files to a dist folder. For some reason the files are being renamed after running webpack. Below is what I see in dist folder:

enter image description here

Below is what I see when I run Webpack

enter image description here

This is problematic for Chrome as it expects to see manifest.json file name when testing Chrome extension.

Webpack.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: path.resolve('src/static'),
          to: path.resolve('dist')
        }
      ]
    }),
  ]
};

Why is this happening and how can I prevent renaming? It is strange because for another project I have the same set up and the renaming does not occur.