什么是 copy-webpack-plugin

在打包项目的时候除了 JS/CSS/图片/字体图标等，需要打包以外, 可能还有一些相关的文档也需要打包，文档内容是固定不变的, 我们只需要将对应的文件拷贝到打包目录中即可，那么这个时候我们就可以使用 ​​copy-plugin​​ 来实现文件的拷贝

使用 copy-webpack-plugin

官方文档：​​https://www.webpackjs.com/plugins/copy-webpack-plugin/​​

安装 copy-webpack-plugin

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

配置 copy-webpack-plugin

修改 webpack 核心配置文件：

const CopyWebpackPlugin = require('copy-webpack-plugin');
new CopyWebpackPlugin([{
    from: "./doc",
    to: "doc"
}])

测试一下，假设 doc 目录当中的 abc.txt 是需要拷贝的文档，我们利用 webpack 进行打包看看效果：

webpack-copy-plugin_Webpack4+实现原理

完美解决，如上就是 copy-plugin 啦

webpack-copy-plugin_Webpack4+实现原理_02