webpack中配置静态文件由于最近需要修改之前的项目，基于webpack3.x版本。需要设置将静态文件打包到dist文

项目中配置静态文件，并可打包

1.能够将静态文件打包到dist目录下

使用copy-webpack-plugin插件

由于最近需要修改之前的项目，基于webpack3.x版本。需要设置将静态文件打包到dist文件夹下，首先想起来vue-cli能够将assets文件夹打包的相同功能。用到了copy-webpack-plugin插件，于是一顿操作，报错了。于是聪明的小脑袋瓜子想起来，这是webpack 3.x啊，是不是不兼容了? 于是github上一顿搜，果然5.0版本已经不支持webpack 4以下的版本啦。。。。。

copy-webpack-plugin 6.x的使用方法

const CopyWebpackPlugin = require("copy-webpack-plugin");

 new CopyPlugin({
      patterns: [
        { from: 'source', to: 'dest' },
        { from: 'other', to: 'public' },
      ],
      options: {
        concurrency: 100,
      },
    })

2.设置devServer的contentBase

devServer: {
 contentBase: [path.join(__dirname, 'public')]
}

设置完成后，就可以在项目中直接访问public下面的文件啦～