Vue.js

2023-07-18 08:38| 来源: 网络整理| 查看: 265

1，判断样例（1）有时我们需要在代码中判断目前项目是处于开发环境、还是生产环境，然后根据不同环境执行不同的逻辑代码。下面是一个简单的样例：

if (process.env.NODE_ENV === "development") { alert("开发环境"); }else { alert("生产环境"); }

（2）如果在开发环境（执行 npm run dev 的时候），则显示如下结果：

（3）如果在生产环境（执行 npm run build 的时候），则显示如下结果： 2，判断原理（1）在项目的 config 文件夹下有 dev.env.js 和 prod.env.js 两个文件，它们分别配置开发环境的变量和生产环境的变量。

（2）打开 dev.env.js 文件，可以看到 NODE_ENV 变量值为 development。

'use strict' const merge = require('webpack-merge') const prodEnv = require('./prod.env') module.exports = merge(prodEnv, { NODE_ENV: '"development"' })

（3）打开 prod.env.js 文件，可以看到 NODE_ENV 变量值为 production。

'use strict' module.exports = { NODE_ENV: '"production"' }

转载至：https://www.hangge.com/blog/cache/detail_2497.html

【本文地址】

Vue.js

Vue.js

今日新闻

推荐新闻