webpack静态资源输出

工作中会有一些已经存在但在项目中没有引用的图片资源或者其他静态资源（比如设计图、开发文档），这些静态资源有可能是文档，也有可能是一些额外的图片。项目组长会要求你打包时保留这些静态资源，直接打包到制定文件夹。其实打包这些资源只需要用到copy-webpack-plugin

安装插件

npm i -D copy-webpack-plugin

引入插件

const copyWebpackPlugin = require("copy-webpack-plugin")

配置插件

plugins: [
    new copyWebpackPlugin([{
        from: __dirname + '/src/public',    //要打包的静态资源目录地址，这里的__dirname是指项目目录下，是node的一种语法，可以直接定位到本机的项目目录中
        to: './public'  //要打包到的文件夹路径，跟随output配置中的目录。所以不需要再自己加__dirname
    }])
]