copy-webpack-plugin文档翻译

最新推荐文章于 2024-04-29 20:27:57 发布
最新推荐文章于 2024-04-29 20:27:57 发布
阅读量949 收藏 1
点赞数 1
文章标签： webpack
原文链接：https://www.npmjs.com/package/copy-webpack-plugin
版权

翻译一下，方便自己后续查阅，翻译时插件版本：7.0.0，少部分通过自己的理解翻译，非全文直译。

CopyWebpackPlugin插件作用：拷贝单独一个文件或者一整个目录到编译结果目录

开始

安装 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" },
      ],
    }),
  ],
};

注意：

webpack-copy-plugin 不是用于拷贝编译过程中生成的文件 ; 它是用于拷贝已经存在的文件。

如果你想 webpack-dev-server 在开发期间将文件写到output目录, 你可以配置 writeToDisk 或者用 write-file-webpack-plugin插件.

 你可以在 Asset Objects.获取到原始文件名

Options

插件的签名:

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,
      },
    }),
  ],
};

Patterns

NameTypeDefaultDescription
from{String}undefined全局或者我们要复制的文件的路径
to{String|Function}compiler.options.output输出路径
context{String}options.context || compiler.options.context确定如何解析from 路径的路径.
globOptions{Object}undefined  传递给模式匹配库的Options参数，包含 ignore 配置选项.
filter{Function}undefined允许过滤复制的资源
toType{String}undefined确定to选项是什么 - 目录, 文件或者模板 
force{Boolean}false覆盖compilation.assets中已经存在的文件 (一般是其他插件或者loader添加的).
transform{Object}undefined允许修改文件内容. 开启 transform 缓存. 你可以使用{ transform: {cache: { key: 'my-cache-key' }} } 使缓存失效
noErrorOnMissing{Boolean}false在找不到文件的时候不生成错误信息.
info{Object|Function}undefined允许添加资源信息

from

Type: String Default: undefined

Glob 或者 我们要复制文件的路径. Globs 接受 fast-glob pattern-syntax. Glob 只能是一个字符串.

注意：不要直接在from 选项中使用 \\ ，如果它是一个 glob (如：path\to\file.ext) 选项，因为在 UNIX 反斜杠在路径中是一个有效字符,例如, 它不是一个分割符. 在windows, 正斜杠和反斜杠都是分隔符. 请使用 /.

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        "relative/path/to/file.ext",
        "relative/path/to/dir",
        path.resolve(__dirname, "src", "file.ext"),
        path.resolve(__dirname, "src", "dir"),
        "**/*",
        {
          from: "**/*",
        },
        // If absolute path is a `glob` we replace backslashes with forward slashes, because only forward slashes can be used in the `glob`
        path.posix.join(
          path.resolve(__dirname, "src").replace(/\\/g, "/"),
          "*.txt"
        ),
      ],
    }),
  ],
};

windows

如果你定义 from 为绝对路径，你可以使用 windows 路径分隔符 (\\)

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: path.resolve(__dirname, "file.txt"),
        },
      ],
    }),
  ],
};

glob 表达式中，你必须使用正斜杠 看 fast-glob manual.

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          // If absolute path is a `glob` we replace backslashes with forward slashes, because only forward slashes can be used in the `glob`
          from: path.posix.join(
            path.resolve(__dirname, "fixtures").replace(/\\/g, "/"),
            "*.txt"
          ),
        },
      ],
    }),
  ],
};

根据from（glob, file or dir).不同， context 有不同的表现 更多 例子（examples）

to

Type: String|Function Default: compiler.options.output

String

输出路径

注意：不要直接在from 选项中使用 \\ ，如果它是一个 glob (如：path\to\file.ext) 选项，因为在 UNIX 反斜杠在路径中是一个有效字符,例如, 它不是一个分割符. 在windows, 正斜杠和反斜杠都是分隔符. 请使用 /.

 

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: "**/*",
          to: "relative/path/to/dest/",
        },
        {
          from: "**/*",
          to: "/absolute/path/to/dest/",
        },
        {
          from: "**/*",
          to: "[path][name].[contenthash].[ext]",
        },
      ],
    }),
  ],
};

函数

运行修改输出路径

 

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: "src/*.png",
          to({ context, absoluteFilename }) {
            return "dest/newPath/[name][ext]";
          },
        },
      ],
    }),
  ],
};

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: "src/*.png",
          to({ context, absoluteFilename }) {
            return Promise.resolve("dest/newPath/[name][ext]");
          },
        },
      ],
    }),
  ],
};

context

Type: String Default: options.context|compiler.options.context

一个用于确定如何解析from路径的路径

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: "src/*.txt",
          to: "dest/",
          context: "app/",
        },
      ],
    }),
  ],
};

context 可以使绝对路径或者是相对路径. 如果 context 是相对路径, 它会根据 compiler.options.context被转化成绝对路径

此外, context 标明如何解析搜索结果. 它更多的用于此场景

context 选项用于确定从from找到的资源会被拷贝到目标文件

如果 from 是一个文件, context 相当于文件所在目录. 输出结果只包含文件名.

如果from 是一个目录, 输出结果会是所找到文件context后面的部分.

如果from 是一个 glob, 无论context设置什么, 输出结果会以from设置的结构为准

（这几句看不懂的话，往下面找，有相关的例子，结合着看就好懂了）

更多例子 examples

globOptions

Type: Object Default: undefined

glob 库的配置选项. 查看支持的选项 ，要排除某些文件，你可以使用 globOptions.ignore option

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: "public/**/*",
          globOptions: {
            dot: true,
            gitignore: true,
            ignore: ["**/file.*", "**/ignored-directory/**"],
          },
        },
      ],
    }),
  ],
};

filter

Type: Function Default: undefined

ℹ️  通过path忽略文件，使用 [globOptions.ignore]((#globoptions) 选项.

webpack.config.js

const fs = require("fs").promise;

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: "public/**/*",
          filter: async (resourcePath) => {
            const data = await fs.promises.readFile(resourcePath);
            const content = data.toString();

            if (content === "my-custom-content") {
              return false;
            }

            return true;
          },
        },
      ],
    }),
  ],
};

 

toType

Type: String Default: undefined

确定to选项是什么 - 目录, 文件或者模板 有时候很难确定to是什么, 例如 path/to/dir-with.ext. 如果你想要复制目录里的文件，你需要使用 dir . 我们会尽可能自动的确定类型，你一般用不到这个选项.

NameTypeDefaultDescription
'dir'{String}undefined如果 to 没有扩展名或者 '/'结尾
'file'{String}undefined如果to 不是一个目录或者模板
'template'{String}undefined如果 to 包含一个 模板模式

'dir'

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: "path/to/file.txt",
          to: "directory/with/extension.ext",
          toType: "dir",
        },
      ],
    }),
  ],
};

'file'

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: "path/to/file.txt",
          to: "file/without/extension",
          toType: "file",
        },
      ],
    }),
  ],
};

'template'

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: "src/",
          to: "dest/[name].[hash].[ext]",
          toType: "template",
        },
      ],
    }),
  ],
};

force

Type: Boolean Default: false

重写已经在 compilation.assets 中的文件(一般是其他插件或loader添加的).

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: "src/**/*",
          to: "dest/",
          force: true,
        },
      ],
    }),
  ],
};

transform

Type: Function|Object Default: undefined

允许修改文件内容.

Function

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: "src/*.png",
          to: "dest/",
          // The `content` argument is a [`Buffer`](https://nodejs.org/api/buffer.html) object, it could be converted to a `String` to be processed using `content.toString()`
          // The `absoluteFrom` argument is a `String`, it is absolute path from where the file is being copied
          transform(content, absoluteFrom) {
            return optimize(content);
          },
        },
      ],
    }),
  ],
};

Object

NameTypeDefaultDescription
transformer{Function}undefined允许修改文件内容
cache{Boolean|Object}false开启transform缓存. 你可以使用 transform: { cache: { key: 'my-cache-key' } } 使缓存失效

transformer

Type: Function Default: undefined

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: "src/*.png",
          to: "dest/",
          // The `content` argument is a [`Buffer`](https://nodejs.org/api/buffer.html) object, it could be converted to a `String` to be processed using `content.toString()`
          // The `absoluteFrom` argument is a `String`, it is absolute path from where the file is being copied
          transform: {
            transformer(content, absoluteFrom) {
              return optimize(content);
            },
          },
        },
      ],
    }),
  ],
};

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: "src/*.png",
          to: "dest/",
          transform: {
            transformer(content, path) {
              return Promise.resolve(optimize(content));
            },
          },
        },
      ],
    }),
  ],
};

cache

Type: Boolean|Object Default: false

webpack.config.js

开启/关闭和配置缓存. 默认缓存目录: node_modules/.cache/copy-webpack-plugin.

Boolean

开启/关闭 transform 缓存.

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: "src/*.png",
          to: "dest/",
          transform: {
            transformer(content, path) {
              return optimize(content);
            },
            cache: true,
          },
        },
      ],
    }),
  ],
};

Object

开启transform 缓存并设置缓存缓存目录和缓存根据那个keys失效.

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: "src/*.png",
          to: "dest/",
          transform: {
            transformer(content, path) {
              return optimize(content);
            },
            cache: {
              directory: path.resolve(__dirname, "cache-directory"),
              keys: {
                // May be useful for invalidating cache based on external values
                // For example, you can invalid cache based on `process.version` - { node: process.version }
                key: "value",
              },
            },
          },
        },
      ],
    }),
  ],
};

你可以通过函数设置失效 keys 

简单函数:

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: "src/*.png",
          to: "dest/",
          transform: {
            transformer(content, path) {
              return optimize(content);
            },
            cache: {
              directory: path.resolve(__dirname, "cache-directory"),
              keys: (defaultCacheKeys, absoluteFrom) => {
                const keys = getCustomCacheInvalidationKeysSync();

                return {
                  ...defaultCacheKeys,
                  keys,
                };
              },
            },
          },
        },
      ],
    }),
  ],
};

Async 函数:

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: "src/*.png",
          to: "dest/",
          transform: {
            transformer(content, path) {
              return optimize(content);
            },
            cache: {
              directory: path.resolve(__dirname, "cache-directory"),
              keys: async (defaultCacheKeys, absoluteFrom) => {
                const keys = await getCustomCacheInvalidationKeysAsync();

                return {
                  ...defaultCacheKeys,
                  keys,
                };
              },
            },
          },
        },
      ],
    }),
  ],
};

noErrorOnMissing

Type: Boolean Default: false

找不到文件的时候，不触发错误;

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: path.resolve(__dirname, "missing-file.txt"),
          noErrorOnMissing: true,
        },
      ],
    }),
  ],
};

info

Type: Object|Function<Object> Default: undefined

允许添加资源信息.

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        "relative/path/to/file.ext",
        {
          from: "**/*",
          // Terser skip this file for minimization
          info: { minimized: true },
        },
      ],
    }),
  ],
};

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        "relative/path/to/file.ext",
        {
          from: "**/*",
          // Terser skip this file for minimization
          info: (file) => ({ minimized: true }),
        },
      ],
    }),
  ],
};

Options

NameTypeDefaultDescription
concurrency{Number}100限制对fs的同时请求数

concurrency

限制对fs的同时请求数

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [...patterns],
      options: { concurrency: 50 },
    }),
  ],
};

例子

不同类型的 from (glob, file 或 dir).

以下面的文件结构作为例子:

src/directory-nested/deep-nested/deepnested-file.txt
src/directory-nested/nested-file.txt

From 是一个 Glob

所有你在from中指定的，都会包含在结果中:

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: "src/directory-nested/**/*",
        },
      ],
    }),
  ],
};

结果:

src/directory-nested/deep-nested/deepnested-file.txt,
src/directory-nested/nested-file.txt

如果你只想要src/directory-nested/, 你需要设置from, The path to the folder in which the search should take place, should be moved to context.

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: "**/*",
          context: path.resolve(__dirname, "src", "directory-nested"),
        },
      ],
    }),
  ],
};

结果:

deep-nested/deepnested-file.txt,
nested-file.txt

From 是一个目录

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: path.resolve(__dirname, "src", "directory-nested"),
        },
      ],
    }),
  ],
};

结果:

deep-nested/deepnested-file.txt,
nested-file.txt

这等同于下面的设置.

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: "**/*",
          context: path.resolve(__dirname, "src", "directory-nested"),
        },
      ],
    }),
  ],
};

结果:

deep-nested/deepnested-file.txt,
nested-file.txt

From 是一个文件

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: path.resolve(
            __dirname,
            "src",
            "directory-nested",
            "nested-file.txt"
          ),
        },
      ],
    }),
  ],
};

结果:

nested-file.txt

这等同于下面设置

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: "nested-file.txt",
          context: path.resolve(__dirname, "src", "directory-nested"),
        },
      ],
    }),
  ],
};

结果:

nested-file.txt

忽略文件

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: path.posix.join(
            path.resolve(__dirname, "src").replace(/\\/g, "/"),
            "**/*"
          ),
          globOptions: {
            ignore: [
              // Ignore all `txt` files
              "**/*.txt",
              // Ignore all files in all subdirectories
              "**/subdir/**",
            ],
          },
        },
      ],
    }),
  ],
};

展平复制

删除所有目录，只复制文件名

⚠️ 如果有相同的文件名，结果是不确定的

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: "src/**/*",
          to: "[name].[ext]",
        },
      ],
    }),
  ],
};

结果:

file-1.txt
file-2.txt
nested-file.txt

复制到新目录

webpack.config.js

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          // 当复制以点开头的文件时, 必须制定toType配置项
          // toType: "file",
          to({ context, absoluteFilename }) {
            return `newdirectory/${path.relative(context, absoluteFilename)}`;
          },
          from: "directory",
        },
      ],
    }),
  ],
};

结果:

"newdirectory/file-1.txt",
"newdirectory/nestedfile.txt",
"newdirectory/nested/deep-nested/deepnested.txt",
"newdirectory/nested/nestedfile.txt",

 

 

 

 

 

 

 

 

 

 

supming1
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
webpack
无名小小卒的博客
01-12 5706
webpack
webpack plugin源码解析(二) copy-webpack-plugin
weixin_43294560的博客
04-13 1150
用于创建文件系统的快照。快照是文件系统状态的一份副本，包含了文件的元数据以及每个文件的最后修改时间戳。
copy-webpack-plugin
小小的木头人的博客
07-08 1927
$npminstallcopy-webpack-plugin--save-dev const CopyPlugin = require('copy-webpack-plugin'); module.exports = { plugins: [ new CopyPlugin([ { from: 'source', to: 'dest' }, ...
1小时入门，手把手教你学会用webpack打包，隔壁王大爷看了都说小伙子细！_copy-webpack-plugin 6(3)
最新发布
2401_84141419的博客
04-29 159
package.json文件中的scripts键，可以配置自定义的命令，scripts中的键代表自定义的命令：npm run 自定义的命令 - 运行的真实命令其实是，这个键对应的值。package.json中配置的命令的时候，有4个默认命令（start/test/restart/stop），是可以在运行的时候省略run， npm start。注意：此时的下载要小心版本，webpack版本5及其以上，出来时间不长，但不兼容以前的对应插件，而现在项目中所使用的版本是4，所以需要下载版本5之前的版本。
webpack配置添加某个特定文件
weixin_57768308的博客
06-07 249
1. 下载依赖 copy-webpack-plugin 2. 在 webpack.config.js 中添加代码
webpack 实现 CopyWebpackPlugin
知之为知之，不知为不知
05-25 1125
CopyWebpackPlugin 将已经存在的单个文件或整个目录复制到构建目录。
copy-webpack-plugin：使用webpack复制文件和目录
02-06
首先，您需要安装copy-webpack-plugin ： npm install copy-webpack-plugin --save-dev 然后将插件添加到您的webpack配置中。 例如： webpack.config.js const CopyPlugin = require ( "copy-webpack-plugin" ) ...
web-webpack-plugin：替代html-webpack-plugin
02-03
web-webpack-plugin 想全面学习Webpack？试试它： 不错替代品，可以使webpack将HTML用作条目并处理多页。 安装 npm i web-webpack-plugin --save-dev const { WebPlugin , AutoWebPlugin } = require ( 'web-...
monaco-editor-esm-webpack-plugin
05-30
monaco-editor-esm-webpack-plugin 它依赖于 。 如果你想复制一个带有本地化的 monaco 编辑器，你可以看到 用于 monaco 编辑器的 webpack 插件，用于编译工作程序并处理本地化。 安装 npm install monaco-editor-...
terser-webpack-plugin：Terser插件
02-06
terser-webpack-plugin 该插件使用来缩小JavaScript。入门如果您使用的是webpack v5或更高版本，则无需安装此插件。 Webpack v5随附了最新的terser-webpack-plugin 。 使用Webpack v4，您必须安装terser-webpack-...
html-webpack-externals-plugin：与html-webpack-plugin一起使用以使用预先打包的供应商捆绑包的Webpack插件
02-06
html-webpack-externals-plugin :police_car_light: 已淘汰 :police_car_light: 抱歉，该模块已不再维护，其功能已由jharris4， 和。 您可能会遇到问题，并且最近的Webpack项目尚未使用它。 与一起使用以使用...
webpack：详解CopyWebpackPlugin，复制的同时修改文件内容
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
09-16 3267
CopyWebpackPlugin 是一个强大的 Webpack 插件，用于将文件从源目录复制到构建目录。在本文中，我们将探讨 CopyWebpackPlugin 的一些常用 API，并提供示例代码。在构建 Web 应用程序时，通常需要将一些静态文件（如 HTML、CSS、图片等）从源目录复制到构建目录。为了实现这一功能，我们可以使用 CopyWebpackPlugin。这个插件可以将源文件复制到构建目录，并且可以自定义复制行为。
webpack中将打包后的文件复制到指定路径
xiehuixu9235的博客
05-07 4665
项目中有一部分使用了另一项目的打包文件,.每次打包后都需要手动复制此文件到现有项目中,讨厌得很,故查阅后 const path = require("path"); const CopyPlugin = require('copy-webpack-plugin'); const entryArr = [ ] module.exports = { mode: "developmen...
webpack基础学习，各个loader和plugin的具体配置
znhyXYG的博客
02-23 2445
webpack的基本应用，详细描述常用的loader、plugin以及babel的使用，包含HMR模块热替换原理等
webpack打包之 copy-webpack-plugin
qq_40922656的博客
07-18 2605
在离线应用中，前端所有文件都需在在本地，有些文件（比如iconFont以及一些静态img)需要转为离线文件，这些文件可以直接引用更方便些，这就需要在打包时直接复制到打包文件下。copy-webpack-plugin 打包复制文件插件。3、配置webpack。1、什么时候要使用？
webpack使用copy-webpack-plugin插件遇到错误：Invalid options object. Copy Plugin has been initialized using an
鸭绒的博客
07-26 9178
使用copy-webpack-plugin插件遇到的报错： Invalid options object. Copy Plugin has been initialized using an options object that does not match the API schema. -options[0] misses the property ‘patterns’. Should be: [non-empty string | object { from, to?, context?, glo
探索 `copy-webpack-plugin`: 一个简单高效的静态资源复制工具
gitblog_00044的博客
03-22 473
探索 copy-webpack-plugin: 一个简单高效的静态资源复制工具 项目地址:https://gitcode.com/kevlened/copy-webpack-plugin 项目简介 在前端开发中，我们经常需要将一些非模块化的静态资源（如图片、字体文件或HTML模板）引入到我们的Web应用中。copy-webpack-plugin就是为此目的设计的一个轻量级插件，它使得在Webpac...
CopyWebpackPlugin 的使用方法记录
xk_initial的博客
08-30 1万+
CopyWebpackPlugin 一个webpack插件 用来复制一个单独的文件或者整个目录到新建的文件夹下 通常用在我们打包的时候，将一些文件放到指定的文件夹下 安装命令 npm install --save-dev copy-webpack-plugin ...
vue项目中实现pdf文件预览功能
热门推荐
xm2by的博客
08-09 2万+
vue项目中实现pdf文件预览功能 最近遇到一个实现pdf文件预览功能的需求，分享一下实现方法： pdf预览相对word、excel、ppt等文件的预览比较容易，因为常见的浏览器都是支持pdf文件直接预览，所以最简单的实现方法就是在浏览器中直接输入pdf文件存放在服务器上的路径地址就可以直接预览； 1、使用浏览器默认支持访问pdf文件的功能 1.1、当后端返回的是pdf文件在服务器上的路径时，直接...
copy-webpack-plugin 6.0.3依赖webpack版本
05-14
根据copy-webpack-plugin 6.0.3的官方文档，它依赖的webpack版本是4.x或5.x。具体来说，copy-webpack-plugin 6.0.3在package.json文件中声明了如下依赖项： ``` "dependencies": { "cacache": "^15.0.5", "find-cache-dir": "^3.3.1", "globby": "^11.0.1", "loader-utils": "^2.0.0", "neo-async": "^2.6.2", "p-limit": "^3.1.0", "serialize-javascript": "^6.0.0", "webpack": "^4.0.0 || ^5.0.0" } ``` 其中，webpack的依赖声明为"^4.0.0 || ^5.0.0"，表示支持webpack的4.x版本和5.x版本。因此，你可以在使用copy-webpack-plugin 6.0.3时，安装webpack的4.x或5.x版本。

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值