12 webpack CopyWebpackPlugin学习

文章目录

• 文章参考
• 安装
• 应用场景
• 参数说明
• webpack.config.js 配置信息

文章参考

1. CopyWebpackPlugin 中文文档

安装

npm install --save-dev copy-webpack-plugin

应用场景

将一些资源（不需要file-loader处理的）拷贝到指定目录，例如static的静态资源

参数说明

属性	功能描述	参数说明
from	定义要拷贝的源文件	from：__dirname+’/src/components’
to	定义要拷贝到的目标文件夹	to:__dirname+’/dist’
toType	file	或者
force	强制覆盖前面的插件	可选，默认是文件
context		可选，默认basecontext可用specific context
flatten	只拷贝指定的文件	可以用模糊匹配
ignore	忽略拷贝指定的文件	可以模糊匹配

webpack.config.js 配置信息

const CopyWebpackPlugin = require("copy-webpack-plugin");

plugins: [
    new CopyWebpackPlugin([
      // 将 static/huangbiao 文件夹下的所有文件全部打包到 工程的根目录下
      { from: "static/huangbiao" },
      // 将 static/huanghaili 文件夹下的所有文件夹 打包到工程 /static/haili目录下
      { from: "static/huanghaili", to: "static/haili" },
      // 将 static/huanghaili 文件夹下的所有md类型的文件 打包到工程 /static/haili目录下
      { from: "static/huanghailiang/**/*.md", to: "static/hailiang" }
    ])
  ],

来源：CSDN

作者：胖鹅68

链接：https://blog.csdn.net/hbiao68/article/details/104063539