如何在 Laravel 中将 Vue.js 切换到生产模式?

Posted

技术标签:

【中文标题】如何在 Laravel 中将 Vue.js 切换到生产模式?【英文标题】:How to switch Vue.js to production mode in Laravel? 【发布时间】:2020-01-29 16:45:02 【问题描述】:

由于 Vue.js 已经安装在 Laravel 中,我不知道如何将其设置为生产模式。

当我启动我的网站时,我会在控制台中收到消息:

您正在开发模式下运行 Vue。 确保在部署生产时打开生产模式。

【问题讨论】:

【参考方案1】:

只需使用“npm run production”构建您的资产

【讨论】:

我知道它会像这样简单,这就是为什么我在任何地方都找不到它。谢谢【参考方案2】:

方法一

npm run production

方法二 在 Laravel 中,在 laravel 配置中添加环境变量,并根据运行时加载 Vue 配置。

定义:MIX_ENV_MODE=production

用法:process.env.MIX_ENV_MODE

最后,将此代码添加到您的任何配置脚本文件中

if (process.env.MIX_ENV_MODE === 'production') 
    Vue.config.devtools = false;
    Vue.config.debug = false;
    Vue.config.silent = true; 

【讨论】:

以上是关于如何在 Laravel 中将 Vue.js 切换到生产模式?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 vue.js 中将卡片数据从一个组件绑定到另一个组件卡片?

如何在 Vue.js 中将数据从父组件发送到子组件

你如何将 Vue.js 包(如 vodal)集成到 Laravel 中?

如何在 Vue.js 中将数据从 Test1 组件传递到 Test2 组件?

如何在 Vue JS 中将更新的值从父组件发送到子组件?

如何在 Vue.js 中将对象作为道具发送和接收