必须用 mix.postcss() 或 mix.sass() 编译 css，因 laravel mix 无原生 mix.css()；纯 css 文件需显式调用方法（如 mix.copy()）才复制，否则不会自动处理；mix.postcss() 是启用 tailwind、autoprefixer 等 postcss 插件的唯一入口，且源路径须为根目录相对路径、输出目录必须在 public/ 下。
必须用 mix.postCss() 或 mix.sass()，不能只靠 @import 或直接写 CSS 文件。Laravel Mix 不会自动编译 resources/css/ 下的普通 CSS 文件，它只响应你显式调用的方法。直接放一个 app.css 进去，不写配置，它就永远不会出现在 public/ 里。
为什么 mix.css() 不存在，而要用 mix.postCss()
因为 Laravel Mix 没有原生 mix.css() 方法。所谓“编译 CSS”，实际分两类场景：
- 如果你只是想把纯 CSS 文件复制过去（无处理），得用
mix.copy('resources/css/app.css', 'public/css')—— 但这样不会触发 PostCSS、Tailwind、Autoprefixer 等任何处理 - 如果你要启用 Tailwind、autoprefixer、cssnano、@apply/@layer 等现代能力，必须走
mix.postCss()，它是唯一支持完整 PostCSS 插件链的入口 -
mix.sass()/mix.less()也行，但它们底层仍会转成 PostCSS 流程；若你没用预处理器，硬套sass()反而多一层解析开销
mix.postCss() 的路径和参数怎么写才不报错
常见错误是源文件 404 或输出路径被拒绝。关键约束只有两条：
Wjs Uploading Video
下载
将一个或多个视频上传至YouTube。当用户想“上传到YouTube”“发YouTube”“批量上传”“upload to YouTube”“post videos to YouTube”或发布到YouTube时使用此技能。
- 第一个参数（源路径）必须是项目根目录下的相对路径，不能以
./开头，也不能是绝对路径：写'resources/css/app.css'✅，写'./resources/css/app.css'❌ - 第二个参数（输出目录）必须落在
public/下，且是目录路径（不是文件名）：写'public/css'✅，写'css/app.css'❌（后者会导致生成到项目根目录，Nginx 找不到） - 第三个参数（PostCSS 插件数组）可为空数组
[]，但不能省略；如果用了 Tailwind，必须在这里传入tailwindcss()实例，不能只靠@tailwind指令
正确示例：
mix.postCss('resources/css/app.css', 'public/css', [
require('tailwindcss'),
require('autoprefixer')
]);
开发时正常、上线后 CSS 全部 404 的真实原因
不是路径写错了，而是 mix() 辅助函数在 Blade 中依赖 public/mix-manifest.json，而这个文件只在 npm run prod 时生成，npm run dev 不写它。
- CI/CD 部署时漏传
public/mix-manifest.json：它不在.gitignore里，但很多 rsync 或 Docker COPY 指令默认跳过public/下非源码文件 - 用了
mix.setPublicPath('dist')却没改 Nginx 的root或alias：Blade 仍请求/css/app.css，但文件实际在dist/css/app.css，Nginx 返回 404 - Tailwind 的
@layer或@apply在dev模式下能热更新，但prod模式下若未在content配置中包含所有模板路径，会漏掉类名 —— 表现为部分样式消失，不是 404，但更难排查
最常被忽略的一点：Tailwind 的 content 配置必须覆盖所有可能用到 class 的 PHP/Blade 文件，否则 npm run prod 会把未命中的 class 全删掉。这不是 Mix 的问题，但和它绑得太紧，容易误判。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
