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

拼搏现实的明天。 2023-02-14 10:41 65阅读 0赞

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

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

github地址：[https://github.com/webpack-contrib/copy-webpack-plugin][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文档。

[https_github.com_webpack-contrib_copy-webpack-plugin]: https://github.com/webpack-contrib/copy-webpack-plugin

发表评论取消回复

表情：

评论列表（有 0 条评论，65人围观）

还没有评论，来说两句吧...

相关阅读

相关 webpack打包优化(webpack打包优化文件大小)

webpack 打包怎么优化的解决webpack打包的文件体积过大的问题：确实，每次打包从入口开始，会parse所有的依赖，多的时候竟然打包一次要2秒多，简直不能忍

喜欢ヅ旅行/ 2023年09月26日 14:37/ 0 赞/ 148 阅读

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

webpack 打包拷贝复制文件夹并修改文件内容 copy-webpack-plugin，本文代码copy-webpack-plugin版本为：6.0.1，注意大版本之间可

拼搏现实的明天。/ 2023年02月14日 10:41/ 0 赞/ 66 阅读

相关 webpack 打包html文件

webpack 打包html文件 `webpack.config.js`配置文件内容为： / loader: 1. 下载 2. 使用（配置）

一时失言乱红尘/ 2023年01月09日 03:43/ 0 赞/ 365 阅读

相关 java I/O流文件夹拷贝（不拷贝文件夹中的内容）

原理：首先将“原目录”的绝对路径和“原目录最后的那一层下”的文件夹拿出来，然后将所有文件夹建立出来，之后通过递归，一层一层的将文件夹建立出来。 eg: “原目录”的绝对

女爷i/ 2022年12月20日 05:43/ 0 赞/ 244 阅读

相关 java io 拷贝文件复制文件夹

当没有文件时FileInputStream不会自动创建文件 package 学习; import java.io.; / @author Administrato

快来打我*/ 2022年06月14日 08:15/ 0 赞/ 347 阅读

相关修改JAR包内容并重新打包

最近碰到一个棘手的问题：客户要定制接口，然后他们发了一个旧版的JAR包，其中有几个接口在新的文档上面已经去掉了。但是由于他们文档定制和程序不同步，所以那边的程序员拒绝现在修改。

短命女/ 2022年06月06日 10:26/ 0 赞/ 911 阅读

相关 java 文件拷贝复制

public static void main(String[] args) { //建立联系 File file = new File("d:

我就是我/ 2022年05月16日 13:08/ 0 赞/ 272 阅读

相关 android 复制文件夹, 复制文件

package uusafe; import android.util.Log; import java.io.BufferedInputStream; impo

以你之姓@/ 2022年05月15日 01:51/ 0 赞/ 514 阅读

相关 webpack打包文件过程

webpack打包 1)安装webpack $ npm install webpack webpack-cli --save-dev 2)添加配置文件 we

快来打我*/ 2022年05月08日 06:14/ 0 赞/ 421 阅读

相关 webpack打包复制文件插件 -- copy-webpack-plugin

在离线应用中，前端所有文件都需在在本地，有些文件（比如iconFont)需要转为离线文件，这些文件可以直接引用更方便些，这就需要在打包时直接复制到打包文件下。前端的文件复制

客官°小女子只卖身不卖艺/ 2022年03月22日 12:17/ 0 赞/ 745 阅读