webpack 打包拷贝复制文件夹并修改文件内容 copy-webpack-plugin

webpack 打包拷贝复制文件夹并修改文件内容 copy-webpack-plugin，

本文代码copy-webpack-plugin版本为：6.0.1，注意大版本之间可能配置参数不一样。

github地址：https://github.com/webpack-contrib/copy-webpack-plugin

首先安装copy-webpack-plugin和path模块

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

代码如下：

let CopyWebpackPlugin = require("copy-webpack-plugin");
let path = require("path");
// 处理内容
function optimize(str) {
  return str
    .replace(/..\/test/g, "")
}

new CopyWebpackPlugin({
   patterns: [
      {
        from: path.resolve(__dirname, "a"),
        to: path.resolve(__dirname, "b"),
        transform(content) {
          // 修改文件的内容
          return optimize(content.toString());
        },
      },
    ],
  })

上面的代码意思是：

在webpack.config.js文件夹里添加拷贝插件；

从a文件夹拷贝到b文件夹；

同时修改文件内容，把所有../test替换为空。

如何添加插件自行查阅webpack文档。