Webpack: how to copy html files into build folder?

I am working on a JavaScript project that is using Webpack. To be honest, I am a bit new to Webpack. Let me explain how my project’s build system work. When I run "npm run dev", it copies the files from js, scss and other folders within the project’s root folder into the build folder which is also inside the project’s root folder. There is an index.html file inside the project’s root folder. The index.html file is copied right into the {root}/build/index.html folder. Now, what I am trying to do is that I am trying to add a new HTML file right under the project root folder called, info.html. When I run "npm run dev", I want it to copy the info.html file into build/index.html folder. I tried putting the following in the webpack.config.dev.js file.

 {
    test: /.html$/i,
    loader: 'html-loader',
  }

But the info.html file is not copied across over into the build folder. How can I do that?

When I used the CopyWebpackPlugin, it was throwing the following error.

node_modulescopy-webpack-pluginnode_modulesp-limitindex.js:30
                } catch {}
                        ^

SyntaxError: Unexpected token {
    at new Script (vm.js:51:7)
    at createScript (vm.js:136:10)
    at Object.runInThisContext (vm.js:197:10)
    at Module._compile (internal/modules/cjs/

const CopyPlugin = require('copy-webpack-plugin');

...

plugins: [

    ...

    new CopyPlugin({
        patterns: [
            { 
                from: path.resolve(__dirname, 'info.html'), 
                to: path.resolve(__dirname, 'build') 
            },
        ],
    }),

    ...

],

...