1,判断样例
(1)有时我们需要在代码中判断目前项目是处于开发环境、还是生产环境,然后根据不同环境执行不同的逻辑代码。下面是一个简单的样例:
1 2 3 4 5 | 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。
1 2 3 4 5 6 7 | '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。
1 2 3 4 | 'use strict' module.exports = { NODE_ENV: '"production"' } |
原文链接:https://www.hangge.com/blog/cache/detail_2497.html