copy-output-webpack-plugin

copy bundle folder to someplace

Usage no npm install needed!

<script type="module">
  import copyOutputWebpackPlugin from 'https://cdn.skypack.dev/copy-output-webpack-plugin';
</script>

README

copy-output-webpack-plugin

使用场景：将webpack构建结果bundle目录自动拷贝到后端位置

使用方法(VueCli4配置示例)

//vue.config.js
const path = require('path');
const CopyOutputWebpackPlugin = require('copy-output-webpack-plugin');
module.exports = {
    configureWebpack: {
        plugins: [
            new CopyOutputWebpackPlugin({
                from: path.resolve(__dirname, './dist'),
                to: path.join(__dirname, './../backend/web'),
                deleteBeforeCopyList: ["./static", "./index.html", "./favicon.ico"]
            })
        ]
    }
};

使用参数

from

构建结果文件夹，拷贝源文件夹

to

拷贝目的文件夹

deleteBeforeCopyList

拷贝时前需要删除的文件/文件夹列表

基本原理

在webpack编译器afterEmit的钩子内执行文件夹拷贝操作