如何在 laravel 中使用混合功能答案

【问题标题】：How to use mix function in laravel如何在 laravel 中使用混合功能
【发布时间】：2021-12-14 03:43:28
【问题描述】：

我正在使用 laravel 编写程序。为了管理 css 和 js，我使用了版本控制并使用这样的函数调用它
<link rel="stylesheet" href="{{ mix('/css/app.css') }}">
上面的代码产生的html输出如下
<link rel="stylesheet" href="/css/app.css?id=53a226b301fc510ddf79">

当我上传到主机时，为什么上面的代码只产生这样的html？
<link rel="stylesheet" href="/css/app.css">（mix-manifest.json/id 文件未加载）

这是我的本地主机

这是在主机上

【问题讨论】：

能否请您出示您的webpack.mix.js？也是你的 Laravel 版本？
mix.version(); mix.js('resources/js/app.js', 'public/js') // .sass('resources/scss/app.scss', 'public/css') .postCss("resources/css/app .css", "public/css", [require("tailwindcss"), ]);我使用 laravel 8.4
您使用的是哪个托管环境？我假设您将源代码上传到存储库并从中构建，而不是上传您在本地编译的文件。

标签： css laravel versioning laravel-mix

【解决方案1】：

在您的主机上部署npm run dev 后，您是否运行过它？确保在您的 webpack.mix.js 中有 .version() 方法。

【讨论】：

【解决方案2】：

我认为在您的本地主机中，您的 laravel 以development 模式运行。并在托管 laravel 以 production 模式运行。检查您的.env 文件。

【讨论】：

是的。在 localhost 上，env 值是本地的。当我将 env 值更改为生产时，版本控制不会运行。那么，主机上的 env 值是否必须是本地的？
是的。如果要运行版本控制，主机上的 env 值必须是本地的。因为在local浏览器不会缓存js文件。
生产中，js缓存很重要，会影响网站速度