打字稿const枚举替代

Question

越来越多的现代打字稿转介剂已朝着每模块转卸策略迈进，从而大大提高了构建速度，但消除了交叉模块const enum用法的可能性，因为它们需要类型信息。

我有一个大量 const enums，当使用const提供的情况下使用时，

1. 即使是由于长属性名称
2. 不想公开

泄漏内部，后端属性名称，我现在 ，我拥有这些const enum定义从后端本机代码生成的自动定义。作为一个人为的例子，您可以想象我在Apple工作，并拥有每个硬件设备的大量枚举。

const enum HardwareType {
    Apple1 = 0,
    // ...
    iPhoneX = 412,
    // ...
    iPhoneUltraXD = 499, // Some theoretical unannounced iPhone
}

如果我只是将const enum hardwareType更改为枚举hardwareType，除了增加我的捆绑包大小外，我现在还将新的“ iPhone ultra XD”泄露给公众。

我看到类似Terser 支持- -mangle-props选项，但即使在官方文档中也要警告，这也意味着创建一个涵盖每一个HardwareType的正则是吗？更不用说这只是我人为的例子，我在现实中拥有数百个价值观。

我真的想将最新技术用于应用程序捆绑，但是在编译时间内的恒定价值内，是否真的没有更好的选择？

Answer 1

const Enum在隐藏原始名称时不是很安全。如您所见，您可以在该操场打字稿编译器在注释中添加了原始名称：

// Input:
const enum Fruites {
    Apple = 1,
    Banana = 2
}

const x = Fruites.Apple
const y = Fruites.Banana

// Output:
"use strict";
const x = 1 /* Apple */;
const y = 2 /* Banana */;

如果您真的很想使用最新技术将应用程序捆绑并想从输出文件中隐藏一些秘密名称，请尝试使用 esbuild-loader 或 esbuild 本身。它支持 define 选项，该选项允许您替换一些秘密命名，并在编译时间中以无意义的值替换为无意义的值that

define: {
  "secrets.hardwareType.iPhoneUltraXD": "499"
}

and safely use the defined value in source code

// Source code: 
if (deviceId === secrets.hardwareType.iPhoneUltraXD) {
// Bundled code:
if(deviceId===499){

define option could be initiated in webpack or esbuild config file with any computed values (even with required json files) so you have no limit in count of compile-time定义。