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

裴韬
2023-12-01

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文档。

 类似资料: