Typescript发布模式和调试模式配置

Question

bounty到期在6天内。该问题的答案有资格获得+ 100声望赏金。Mr.AF正在寻找规范答案：“如果您正在使用或想使用打字稿，肯定会涉及到您。更重要的是，还有其他一些不熟悉webpack的人，他们更愿意通过本机打字稿选项解决问题。”

我正在使用Typescript，因此Release Mode和Debug Mode之间有很多差异。在Debug Mode中，我使用http://localhost:port/基本URL。 但是，在Release Mode中我必须使用https://www.example.com/

主要问题

这使我反复更改URL和Release Mode中的Debug Mode。 确实，我还必须在Release Mode和Debug Mode中手动更改其他参数，这些参数可能会导致错误地配置错误。

我在寻找什么

避免在Release Mode和Debug Mode中手动配置

线索和假设

[也许有一种在Macros中使用Typescript的方式，就像我们在MsBuild或WebConfig中使用的方式，例如$(ConfigurationName)和$(ProjectDir)

可能的硬解

如@ Kaca992建议webpack可以通过使用解决此问题

mode: 'development'和mode: 'production'，例如：

module.exports = {
  mode: 'development'
};

production and development mode extra information

但是以上解决方案具有以下缺点：

• 花时间学习webpack
• 需要熟悉npm的基本概念>
• 需要熟悉捆绑和缩小的概念
• 需要使用模块（导入/导出）

我正在寻找的最佳解决方案

不需要学习Extra且不更改项目体系结构的最简单解决方案。IF

我必须使用webpack，请在其周围提供完整的详细信息。

项目框架

[Asp.net .Net Framework或Asp.Net Core

最小可复制代码

考虑您只想更改此URL

const URL = http://localhost:port/
收件人

const URL = https://www.example.com/
在Release Mode中

我正在使用Typescript，因此在Release Mode和Debug Mode中有许多差异。在Debug Mode中，我使用http：// localhost：port /基本URL。但是，在发布模式下，我必须使用https：// ...

Answer 1

您将必须使用环境变量并根据该变量进行检查。您可以这样创建一个辅助方法：