如何从 splitchunk webpack 中排除多个文件？

问题描述

问题

我需要从 splitchunk 插件的 webpack 优化中排除多个文件。

我的尝试

const excludedFiles = ['file 1','file 2'];

module.exports = {
  //...
  optimization: {
    splitChunks: {
      chunks (chunk) {
        // exclude `my-excluded-chunk`
        return !excludedFiles.includes(chunk.name);
      }
    }
  }
};

结果

似乎没有排除文件。

怎样才能做到这一点？

解决方法

你不能那样做。请注意，块不等于文件。模块（1 个模块 ~ 1 个文件）组合成块，块组合成块组，组组合成块图。因此，文件名并不意味着它是块。

chunks 中的选项 optimization.splitChunks 表示在优化过程中要排除或包含的卡盘。所以，这意味着您可以排除一个块，但不能排除单个文件。

如果您想做您想要实现的目标，那么使用 externals 是一种可行的方法。它不完全相同，但几乎等同于您的需求。