webpack 复制插件踩坑

最新推荐文章于 2024-11-11 14:33:29 发布

ZH_TX

最新推荐文章于 2024-11-11 14:33:29 发布

阅读量279

点赞数

CC 4.0 BY-SA版权

分类专栏： webpack Vue

本文链接：https://blog.youkuaiyun.com/ZHXT__/article/details/115641374

Vue 同时被 2 个专栏收录

61 篇文章

订阅专栏

webpack

3 篇文章

订阅专栏

本文探讨了如何通过Webpack插件在Git提交时自动复制文件并实现发布流程。作者首先尝试了copywebpackplugin，发现它仅适用于构建过程。随后，他们转向了filemanager-webpack-plugin，成功配置了该插件以在构建结束时复制文件到上级目录。此外，还提出了使用Node脚本延迟复制文件作为另一种解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求: 把打包后的文件复制到外层, 然后Git 提交的时候会自动加上,达到自动发布的流程;

起初本来想使用copy webpack plugin,发现只能用在构建中;
后来发现 file webpck plugin 可以达到这种效果(配置如下)

特别问题:

如何去编写一个webpack 插件???
参考

另一种解决方式, 直接使用 node 脚本延时复制是不是也可以达到效果

const CopyWebpackPlugin = require('copy-webpack-plugin')
const CopyWebpackPlugin2 = require('filemanager-webpack-plugin')
plugins: [
      // new CopyWebpackPlugin([
      //   {
      //     from: path.resolve(__dirname, './dist'),
      //     to: '../',
      //     ignore: ['.*']
      //   }
      // ]),
      new CopyWebpackPlugin2({
        events: {
          onStart: {},
          onEnd: {
            copy: [
              { 
                source: path.resolve(__dirname, './dist'), 
                destination: '../' 
              },
            ],
          },
        },
        runTasksInSeries: true,
      }),