You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Laravel Mix搭配Tailwind v4时持续编译无法停止的问题求助

Laravel Mix搭配Tailwind v4时持续编译无法停止的问题求助

我这是第一次使用Tailwind v4,据我了解它的安装流程已经被大幅简化了。

我平时的工作流是用PostCSS结合Tailwind和Laravel Mix来编译文件,但现在遇到了一个棘手的问题:当我执行npx mix watch命令时,它会持续不断地编译文件,完全不会等待代码发生改动才触发编译。我不确定是不是自己在配置过程中遗漏了什么,所以把相关的配置文件和目录结构都列在下面,希望能得到大家的帮助。

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 Mix到底在检测什么文件,导致它一直重复编译,任何相关的建议或排查方向都非常感谢!

备注:内容来源于stack exchange,提问作者Dalton

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.14 08:38:09