美文网首页
实现 webpack 插件 copy-webpack-plugi

实现 webpack 插件 copy-webpack-plugi

作者: 酷酷的凯先生 | 来源:发表于2022-08-05 11:11 被阅读0次

在我们打包时可能需要把files里的文件复制到打包文件夹dist里,该怎么办呢???
很简单,使用copy-webpack-plugin插件轻松解决(参考地址

安装

npm install copy-webpack-plugin --save-dev

使用

webpack.config.js 文件

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

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        { from: "source", to: "dest" },
        { from: "other", to: "public" },
      ],
      options: {
        concurrency: 100 // 并发数
      }
    })
  ]
}

注意:如若出现compilation.getLogger is not a function问题,解决不了可降低插件版本至5.1.2,使用方法略有不同,如下:

new CopyWebpackPlugin([
    { 
        from: __dirname + "/source", 
        to: __dirname + "/dest" 
    }
])

相关文章

  • 实现 webpack 插件 copy-webpack-plugi

    在我们打包时可能需要把files里的文件复制到打包文件夹dist里,该怎么办呢???很简单,使用copy-webp...

  • webpack-theme-color-replacer插件,实

    webpack-theme-color-replacer插件,实现全局修改主题色注:webpack-theme-c...

  • 【webpack】插件 plugins

    插件(plugins) 插件是 webpack 的支柱功能。插件目的在于解决 loader 无法实现的其他事。 w...

  • vue-cli简单实现骨架屏

    Vue项目首屏加载缓慢,基于webpack插件(vue-skeleton-webpack-plugin)实现一个骨...

  • plugins

    plugin plugin 插件可以完成更多loader不可以实现的功能。 webpack内置了很多的插件,这里我...

  • webpack插件指南

    webpack 有着丰富的插件接口。webpack 自身的多数功能都使用插件接口。插件接口使 webpack 变得...

  • webpack--plugin

    如需要阅读源码请访问github 插件目的在于解决 loader 无法实现的其他事。 插件 这里引用webpack...

  • vue ERROR in [copy-webpack-plugi

    vue2的 npm run build 打包时报此错误log的情况下 拓展 https://www.cnblogs...

  • vue项目中配置全局常量

    使用webpack插件webpack.DefinePlugin设置全局常量,可减少某些操作。 在webpack插件...

  • Webpack4-Plugins

    插件(Plugins) 插件是 webpack 的支柱功能。webpack 自身也是构建于,你在 webpack ...

网友评论

      本文标题:实现 webpack 插件 copy-webpack-plugi

      本文链接:https://www.haomeiwen.com/subject/phkpwrtx.html