copy-output-webpack-plugin v1.0.3

#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的钩子内执行文件夹拷贝操作