webpack中打包拷贝静态文件CopyWebpackPlugin插件

时间:2021-09-23 06:44:24

copyWebpackPlugin:

  作用:用于webpack打包时拷贝文件的插件包

  安装:npm install copyWebpackPlugin@版本号

  使用:// copy custom static assets

     new CopyWebpackPlugin([{

      from: path.resolve(__dirname, '../static'), //定义要拷贝的源目录,必填项
      to: config.build.assetsSubDirectory, //定义要拷贝到的目标目录,非必填,不填写则拷贝到打包的output输出地址中
     }])
  示例:
    项目结构:
                        webpack中打包拷贝静态文件CopyWebpackPlugin插件

使用示例:

        webpack中打包拷贝静态文件CopyWebpackPlugin插件

    版本配置:

        webpack中打包拷贝静态文件CopyWebpackPlugin插件

    打包效果:npm run build                打包前

        webpack中打包拷贝静态文件CopyWebpackPlugin插件              webpack中打包拷贝静态文件CopyWebpackPlugin插件

更多相关配置可参考https://www.webpackjs.com/plugins/copy-webpack-plugin/

如有不严谨和错误地方请希望指正,祝大家工作顺利 !