webpack的copy-webpack-plugin插件

webpack的copy-webpack-plugin插件

webpack的copy-webpack-plugin插件的作用是将项目中的某单个文件或整个文件夹在打包的时候复制一份到打包后的文件夹中（即复制一份到dist目录下）。

效果如下图所示：

使用方法：

给项目中添加copy-webpack-plugin插件：

npm install -D copy-webpack-plugin

然后webpack.config.js文件配置如下：

const path = require('path')
const CopyWebpackPlugin = require('copy-webpack-plugin')

module.exports = {
  ...
  plugins: [
    ...
    new CopyWebpackPlugin([
      {
        from: path.resolve(__dirname, './static'),
        to: 'static',
        ignore: ['.*']
      }
    ])
    ...
  ]
  ....
}

关于copy-webpack-plugin其他参数的配置可以查看copy-webpack-plugin