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


版权声明:本文为XuM222222原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。