NativeScript 8中TNS_ENV缺失，如何检测应用开发环境？

NativeScript 8 移除了旧版的 TNS_ENV 全局变量，以下是两种可行的替代方案：

方法一：使用官方内置的 application.debug 属性 #

这是NativeScript 8推荐的简便方式，application.debug 属性会在开发模式下自动设为 true，生产构建时自动设为 false，直接使用即可：

import { application } from "@nativescript/core";

if (application.debug) {
  // 当前处于开发环境
} else {
  // 当前处于生产环境
}

方法二：自定义构建环境变量 #

如果需要更灵活的环境配置，可以通过Webpack注入自定义变量：

1. 修改项目根目录的 webpack.config.js，添加环境变量注入逻辑：

const webpack = require('webpack');

module.exports = (env) => {
  const isProduction = env.production === true;
  return {
    plugins: [
      new webpack.DefinePlugin({
        'process.env.NODE_ENV': JSON.stringify(isProduction ? 'production' : 'development')
      })
    ]
  };
};

2. 在应用代码中读取该变量：

if (process.env.NODE_ENV !== 'production') {
  // 当前处于开发环境
}

第一种方法无需额外配置，适合快速实现环境检测；第二种方法扩展性更强，适合需要自定义多环境变量的场景。

内容的提问来源于stack exchange，提问作者Tola