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

参与评论 您还未登录,请先 登录 后发表或查看评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:编程工作室 设计师:CSDN官方博客 返回首页

打赏作者

意外金喜

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值