copy-webpack-plugin配置以及遇到的问题

1.什么是copy-webpack-plugin?

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

2.copy-webpack-plugin使用

https://www.webpackjs.com/plugins/copy-webpack-plugin/

2.1安装copy-webpack-plugin

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

2.2配置copy-webpack-plugin

注意点：webpack官方给的配置方式在打包的时候后报错

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

改用npm官方给的配置方式（键值对的方式）

new CopyWebpackPlugin({
                    patterns:[
                        {
                            from:'./doc',
                            to:'doc'
                        }
                    ],
                    options:{

                    }
                }),

这样配置就不会报错了。