拉拉维尔混合物每秒保持每秒的汇编，而不会停止使用尾风V4

Question

这是我第一次使用尾风V4，据我了解，安装已大大简化。

我的典型工作流程是使用邮政信曲和带有laravel混合物的尾风来编译文件。

当我用尾风V4运行NPX Mix手表时，它会不断编译，而无需在代码中进行更改。我不知道这是否是由于我缺少设置中的某些内容，所以我在下面列出了我的文件。 webpack.mix.js：

const mix = require("laravel-mix");

mix
 .js("src/js/app.js", "dist/js/app.js")
 .postCss("src/css/app.pcss", "dist/css/app.css", [
   require("@tailwindcss/postcss"),
  ]);

Postcss.config.mjs：

  export default {
  plugins: {
    "@tailwindcss/postcss": {},
  },
};

我的目录设置包括：

Index.html

src/css/app.pcss

src/js/app.js

dist（编译文件的位置）
• app.pcss：

• @import "tailwindcss";
  
  @theme {
    --color-dark-charcoal: #333;
  }

• 我不确定Laravel混合物正在检测到以继续重新编译文件，因此将不胜感激。

WebPack正在观看的某些文件正在不断更新，在运行tailwindcss之后。这导致无限循环。您应该确定哪些文件的更新引起了问题，并将其排除在WebPack的观察列表中。

watchOptions

属性 - webpackdocs

Answer 1

mix.webpackConfig({
  watchOptions: {
    ignored: /node_modules/,
  },
});