vue.config.js配置打包忽略指定目录

Question

我在chainWebpack里面写了config.module.rule('vue').exclude.add('/src/')，没有生效

Answer 1

参考GPT和自己的思路，首先，让我们来看一下您在 chainWebpack 中添加的规则：

config.module.rule('vue').exclude.add('/src/')

这条规则的意思是将 .vue 文件排除在 /src/ 目录之外。如果您的 .vue 文件在 /src/ 目录中，则此规则将不会应用于它们。
但是，根据您提供的信息，我们无法确定您的问题是什么。以下是一些可能导致此规则未生效的原因：

规则应该应用于 include 中而不是 exclude。
如果您想要排除 /src/ 目录之外的 .vue 文件，您应该在 include 中指定要包括的目录，而不是在 exclude 中指定要排除的目录。请尝试以下代码：

config.module.rule('vue').include.add('/src/')

规则被其他规则覆盖。
如果您已经添加了另一个规则来处理 .vue 文件，它可能会覆盖您的规则。请确保您的规则在其他规则之前应用。例如：

config.module.rule('my-vue-rule')
  .test(/\.vue$/)
  .include.add('/src/')
  .end()
  .use('vue-loader')
  .loader('vue-loader')

在这个例子中，我们创建了一个名为 my-vue-rule 的规则，它仅处理 .vue 文件，并将其限制为 /src/ 目录。

chainWebpack 中的代码有语法错误。
如果您的代码存在语法错误，您的规则可能无法应用。请确保您的代码没有任何拼写错误或语法错误。请注意，以上列出的原因只是一些可能导致规则未生效的原因，并不是详尽无遗的列表。