22集中拷贝静态资源

集中拷贝静态资源管理器：

1. 在src目录下新建一个public文件夹，在里面放入些图片或者文档

2. 安装插件 copy-webpack-plugin

   npm install –save-dev copy-webpack-plugin

3. 在webpack.config.js里面引入插件

   const copyWebpackPlugin= require(“copy-webpack-plugin”);

4. 在plugins里面配置插件：

   new copyWebpackPlugin([{
       from:__dirname+'/src/public',
       to:'./public'
   }])

   • from:要打包的静态资源目录地址，这里的__dirname是指项目目录下，是node的一种语法，可以直接定位到本机的项目目录中
   • to:是要打包到的文件夹路径，跟着output配置中的目录，所以不必再加_driname
5. 终端输入 webpack 进行打包
6. 查看dist目录，有public文件夹即成功