Javascript 网页包：如何将html文件复制到构建文件夹？

我正在从事一个使用Webpack的JavaScript项目。老实说，我对Webpack有点陌生。让我解释一下我的项目构建系统是如何工作的。当我运行“npm run dev”时，它会将项目根文件夹中的js、scss和其他文件夹中的文件复制到build文件夹中，build文件夹也在项目根文件夹中。在项目的根文件夹中有一个index.html文件。index.html文件被直接复制到{root}/build/index.html文件夹中。现在，我要做的是在项目根文件夹下添加一个新的HTML文件，名为info.HTML。当我运行“npm run dev”时，我希望它将info.html文件复制到build/index.html文件夹中。我尝试将以下内容放入webpack.config.dev.js文件中

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

但是info.html文件不会复制到build文件夹中。我该怎么做

当我使用CopyWebpackPlugin时，它抛出了以下错误

node_modules\copy-webpack-plugin\node_modules\p-limit\index.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/

---

使用

复制网页插件时，无需
文件加载程序
或
html加载程序

在网页包配置中导入模块：

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

并将其附加到插件部分：

...

plugins: [

    ...

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

    ...

],

...

您需要升级nodejs，版本号必须大于10.13.0
您尝试过使用吗？是的，我尝试过使用它。我已经更新了问题。请看一看。尝试删除
loader:'html loader'后面的多余逗号，
我得到了这个错误“node\u modules\copy webpack plugin\node\u modules\p-limit\index.js:30}catch{}”，然后我运行“npm run dev”。