CopyWebpackPlugin - 忽略文件夹答案

【问题标题】：CopyWebpackPlugin - ignore a folderCopyWebpackPlugin - 忽略文件夹
【发布时间】：2019-11-02 08:19:14
【问题描述】：

使用 CopyWebpackPlugin，我无法忽略特定文件夹或特定文件。它会复制所有内容。

我在 webpack.config.js 中做了什么：

    new CopyWebpackPlugin([
        {
            from: 'src/assets',
            to: 'assets',
            ignore: ['src/assets/img/folder/test.png']
        },
    ]),

我也试过这样：

    new CopyWebpackPlugin([
        {
            from: 'src/assets',
            to: 'assets',
            ignore: ['src/assets/img/folder/*']
        },
    ]),

关于readme，我认为我做得对。

【问题讨论】：

它不起作用，因为您忽略了整个路径：['test.png'] 和文件夹忽略：['folder/*']

标签： webpack webpack-4

【解决方案1】：

试试这个：

ignore: ['img/folder/**/*']

这不会复制整个img/folder。

记得在运行 webpack 之前清除目标文件夹。

【讨论】：

【解决方案2】：

新版本的 CopyWebpackPlugin 改变了忽略文件的方式。

new CopyWebpackPlugin({
    patterns: [{
        from: defaultSourcePath,
        globOptions: {
            ignore: [
                '**/css/my.css',
                '**/js/my.js',
                '**/index.html'
            ]
        }
    }]
})

【讨论】：