Laravel中管理静态资源的核心是使用public目录结合Vite或Laravel Mix实现合并压缩与版本控制：1. Vite为默认推荐工具，自动合并依赖、生成哈希文件并极速热更新；2. Mix适用于旧项目，通过链式调用或手动合并入口实现打包；3. 两者均支持代码压缩、CDN分发及缓存优化。
在PHP框架（尤其是Laravel）中，前端资源体积膨胀、HTTP请求过多会导致页面加载缓慢、首屏渲染延迟。你需要一套能自动合并多个JS/CSS文件、压缩代码、生成带哈希版本路径的方案，且必须适配当前项目技术栈——Vite已是Laravel 9+默认构建工具，Mix仍用于部分遗留项目。
用Vite合并并压缩JS/CSS资源
这一步直接替代旧版Mix流程，无需Webpack配置负担，开发时热更新快，生产构建自动完成合并与压缩。
第一步：确认已安装laravel-vite-plugin和vite
运行npm install --save-dev vite laravel-vite-plugin，若package.json中无vite相关脚本，需手动添加："dev": "vite"和"build": "vite build"。
立即学习“PHP免费学习笔记（深入）”；
第二步：在vite.config.js中显式启用CSS/JS合并逻辑
Vite默认对同一入口的依赖做自动代码分割，但若你有多入口（如admin.js + app.js），需手动合并为单入口以强制输出单一产物。修改build.rollupOptions.input为数组或对象形式，并确保所有JS/CSS都通过import引入——Vite会将它们静态分析后打包进同一chunk。
第三步：在Blade模板中使用@vite指令统一加载
@vite(['resources/js/app.js', 'resources/css/app.css'])。注意：不要写多个@vite，否则会生成多个<script>标签；Vite会自动将app.js及其依赖、app.css及其@import的全部样式合并压缩后输出到public/build/下，文件名含内容哈希。</script>
第四步：启用ESBuild压缩并移除调试语句
在vite.config.js的build选项中加入：minify: 'esbuild'和esbuild: { drop: ['console', 'debugger'] }。这比Terser快20倍，且【drop选项不可逆，上线前务必确认无依赖console.log做功能判断】。
用Laravel Mix合并压缩JS/CSS（兼容旧项目）
如果你维护的是Laravel 8或更早项目，或团队尚未迁移Vite，Mix仍是稳定选择。它基于Webpack，配置灵活但构建稍慢。
方法一：链式调用mix.js()和mix.styles()实现基础合并
在webpack.mix.js中写：mix.js('resources/js/app.js', 'public/js').sass('resources/sass/app.scss', 'public/css').version()。这会把app.js及其import的所有JS模块打包为public/js/app.js，Sass编译+自动合并@import的样式为public/css/app.css。
方法二：手动合并多入口文件再交给Mix处理
新建resources/js/combined.js，用import './pages/home.js'; import './components/navbar.js';等方式显式引入所有JS模块；同理建resources/css/combined.css，用@import 'base.css'; @import 'theme.css';。然后mix.js('resources/js/combined.js', 'public/js') → Mix自动读取依赖树并合并输出。
方法三：启用UglifyJsPlugin深度压缩（仅Mix）
在webpack.mix.js末尾追加：.webpackConfig({ plugins: [new webpack.optimize.UglifyJsPlugin({ compress: { drop_console: true, drop_debugger: true } })] });。注意：此插件已废弃，仅适用于Mix 5.x及以下；Mix 6+默认用Terser，应改用mix.webpackConfig({ optimization: { minimize: true, minimizer: [new TerserPlugin({ terserOptions: { compress: { drop_console: true } } })] } });。
动态PHP合并压缩（零构建环境适用）
当服务器无法运行Node.js，或需临时快速优化小项目时，用PHP脚本在运行时合并压缩JS/CSS是最轻量方案。
① 创建public/assets.php，接收type和files参数
② 根据type读取对应文件列表，逐个file_get_contents()拼接
③ 对JS调用JSqueeze类库压缩，对CSS调用patchwork/css-compressor
④ 输出前设置header('Content-Type: text/css')或header('Content-Type: application/javascript')
⑤ 关键一步：添加强缓存头+ETag校验，避免每次请求都重执行
header('Cache-Control: public, max-age=31536000');
同时用md5($content)生成ETag，若客户端携带If-None-Match匹配则返回304。这一步不加，服务器CPU会持续飙升。
