前言
在开发过程中，我们经常需要把一些静态资源（如图片、字体文件等）复制到打包后的目录中。这时候，npm 包 rollup-plugin-cpy 就可以派上用场了。它是一个为 Rollup 提供的插件，用于在打包过程中复制文件。
安装
使用 npm 进行安装：
npm install rollup-plugin-cpy --save-dev
基本用法
- 修改 Rollup 的配置文件
rollup.config.js：
-- -------------------- ---- -------
------ --- ---- --------------------
------ ------- -
-- ---
-------- -
-----
------ ------------------ -- ----------- ---- -------- ----------- ------
----- ------ -- --------
--
-
-- 运行 Rollup 命令：
rollup -c
此时，Rollup 会按照配置文件中的规则进行打包，并且将指定的文件和目录复制到 dist 目录下。
高级用法
- 排除某些文件
在上面的基本用法中，我们可以使用 glob 模式来指定要复制的文件或目录，但是有时候我们可能需要排除某些文件。例如，我们不想把某些图片复制到 dist 目录中。这时候，我们可以使用 exclude 属性：
cpy({
files: ['src/assets/**'],
dest: 'dist',
exclude: ['**/ignore.png'] // 要排除的文件或者目录的 glob 模式
})上述配置中，我们排除了 src/assets/ 目录下的 ignore.png 这个文件。
- 覆盖文件
有时候，在进行文件复制时，由于目标目录下已经存在同名文件，会导致复制失败。这时候，我们可以使用 overwrite 属性来允许覆盖文件：
cpy({
files: ['src/assets/**'],
dest: 'dist',
overwrite: true // 允许覆盖文件
})上述配置中，如果目标目录中已经存在同名文件，插件会将其覆盖。
示例代码
下面是一个完整的示例代码，你可以参考它来使用 rollup-plugin-cpy：
-- -------------------- ---- -------
------ --- ---- --------------------
------ ------- -
------ ---------------
------- -
----- -----------------
------- -----
--
-------- -
-----
------ ----------------- -------------- -- -- ----------- ------- ---- ---- ---- --
----- ------- -- --- ---- ---
-------- ----------------- -- -- ----------- ---- ---------- --
---------- ---- -- ------
--
-
-总结
rollup-plugin-cpy 是一个很实用的 Rollup 插件，它可以帮助我们在进行打包时快速复制指定的文件和目录，从而简化了建立打包环境的过程。不过，在使用这个插件时，我们还需要注意安装、配置和高级用法等方面的技巧，才能更好地应用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/68834