Laravel Mix 判断是否为生产环境 作者: Chuwen 时间: 2021-12-22 分类: Laravel 有这么个需求，需要在一些静态文件带上 hash 参数，解决 CDN 缓存问题，但是在网上找的用这个 `mix.config.production` 是会报错的 然后自己打印 `mix` 发现了一个 `inProduction()` 方法，验证了下，这个确实是判断是否为生产环境的 #### 修改项目根目录下 webpack.mix.js ```js const mix = require('laravel-mix'); mix.js('resources/js/app.js', 'public/js') .postCss('resources/css/app.css', 'public/css', [ require("tailwindcss"), ]); if (mix.inProduction()) mix.version(); ``` #### 然后看 /public/mix-manifest.json 会发现内容是这样的 ```json { "/js/app.js": "/js/app.js?id=33663d66c33666962f26", "/css/app.css": "/css/app.css?id=7066f8a66603866e666" } ``` #### 只要你保证在你的 blade 模版里面使用如 `mix('js/app.js')` 这样引用的就没有问题 ```blade <!doctype html> <html lang="{{ config('app.locale') ?? 'en' }}"> <head> <title>@yield('title')</title> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <link href="{{ mix('css/app.css') }}" rel="stylesheet"> <meta name="description" content="@yield('description')" /> <meta name="keywords" content="@yield('keywords', 'ParcelPanel')" /> </head> <body> <div> @yield('content') </div> <script src="{{ mix('js/app.js') }}"></script> </body> </html> ``` #### 最终生成的代码是类似 `<script src="/js/app.js?id=33663d66c33666962f26"></script>` 这样的 标签: Laravel, Laravel Mix