copy-webpack-pluginwebpack 文件拷贝插件

copy-webpack-plugin 可以将已存在的单个文件或整个目录复制到 Webpack 的构建目录。

首先，需要安装copy-webpack-plugin：

npm install copy-webpack-plugin --save-dev

然后将插件添加到webpack配置中：

webpack.config.js

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

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        { from: "source", to: "dest" },
        { from: "other", to: "public" },
      ],
    }),
  ],
};

• ℹ️ copy-webpack-plugin并非用于复制在构建过程生成的文件；相反，它是复制源树中已经存在的文件，作为构建过程的一部分。
• ℹ️如果要用webpack-dev-server在开发过程中将文件写入输出目录，可以使用writeToDisk选项或write-file-webpack-plugin.
• ℹ️可以从 Asset Objects 获取原始源文件名。

选项

插件签名：

webpack.config.js

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

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        { from: "source", to: "dest" },
        { from: "other", to: "public" },
      ],
      options: {
        concurrency: 100,
      },
    }),
  ],
};