webpack-copy-plugin

什么是 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 进行打包看看效果：

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

这篇好文章是转载于：学新通技术网