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
相关产品推荐
相关产品推荐

