copy-webpack-plugin 踩坑

2,375 阅读1分钟

webapck.config.js plguins 配置

在学习webpack5,使用 copy-webpack-plugin 插件进行文件复制,发生报错。一开始以为是自己的配置或文件路径有问题,经过一系列测试后,发现原因所在!

 plugins: [
    new CleanWebpackPlugin(),
    new HtmlWebpackPlugin({
      title: "coderwhy webpack",
      template: "./source/index.html"
    }),
    new DefinePlugin({
      BASE_URL: '"./"'
    }),
    new CopyWebpackPlugin({
      patterns: [
        {
          from: "source",
          globOptions: {
            ignore: [
              "**/index.html",
              "**/.DS_Store",
            ]
          }
        }
      ]
    })
  ]

报错信息

Snipaste_2021-09-04_22-54-57.png

报错原因

source文件夹中没有可以复制的文件,(文件夹不算)

Snipaste_2021-09-04_22-59-17.png

解决办法

在source文件夹中,添加可以复制的文件,即可。