@wxa/plugin-copy

NPM versionCopy 静态资源引入 - 图2

一般来说,对于动态路径:

path/to/dir/{{boo}}.png

@wxa/cli并不会为你解析寻找出所有文件(需要递归的枚举所有符合条件路径的文件)。所以在开发的时候,我们需要额外的将这些静态资源从项目路径copy到dist目录,这就是CopyPlugin做的事情😈。

安装

  1. # 使用npm安装
  2. npm i -S @wxa/plugin-copy

用例

  1. {
  2. context: path.resolve(__dirname, 'src'),
  3. plugins: [
  4. new CopyPlugin({
  5. from: './static', // relative to process.cwd
  6. to: 'static', // dist dir name
  7. ignore: ['a.png']
  8. })
  9. ]
  10. }

配置项

from

  • 类型: String
  • 用法:

需要复制的文件夹,相对于当前路径,即process.cwd()

to

  • 类型: String
  • 用法:

目的文件夹。

ignore

  • 类型: Array
  • 用法:

需要忽略处理的文件。