这是一个创建于 1075 天前的主题，其中的信息可能已经有所发展或是发生改变。
为什么 ts 不添加条件编译这个功能?
似乎有人提过这个,但是被很多前端否了,也就无了
是的,有时候用 minify 能做到把测试代码去掉，但是这样似乎也仅限于简单的同步代码。
我的使用的 gulp,流程是 ts -> js -> terser -> min.js
/// 下面这个 minify 能满足预期, 最终生成代码不包含测试代码 log
if(__DEBUG_FLAG__ == 1){
log('some log ');
prepareTestDataSync();
}
///下面代码,虽然也能做到 prepareTestDataAsync, 但是代码还是在最终生成 min.js 文件里面.
if(__DEBUG_FLAG__ == 1){
await prepareTestDataAsync();
}
第 1 条附言 · 2021-12-13 12:16:56 +08:00
没有写清楚,目标代码是ES5, 没有原生await,导致teser不能正常工作。
teser 能删掉 第一个 prepareTestDataAsync_step1 并不能删掉 prepareTestDataAsync_step2
另外,我想 prepareTestDataAsync_stepXXXX 方法体也不要在目标代码中.
这是目前的代码
class A{
async prepareTestDataAsync_step1{};
async prepareTestDataAsync_step2{};
async func1(){
if(__DEBUG__){
await prepareTestDataAsync_step1();
await prepareTestDataAsync_step2();
}
}
// 我想要的
class A{
#if __DEBUG__
async prepareTestDataAsync_step1{};
async prepareTestDataAsync_step2{};
#endif
...
async func1(){
#if __DEBUG__
await prepareTestDataAsync_step1();
await prepareTestDataAsync_step2();
#endif
}
}
 |
1
kaixuan1901 2021-12-13 11:13:03 +08:00
我也想知道，之前就想要这个功能。
|
 |
2
mxT52CRuqR6o5 2021-12-13 11:17:36 +08:00
我这边找了个在线的 terser 测试，能把 async function 中条件为 false 的 if 分支去掉
|
 |
3
learningman 2021-12-13 11:20:52 +08:00
你可以自己写个预处理的 loader ，webpack 是可以的，gulp 大概也可以吧
|
|
4
learningman 2021-12-13 11:22:24 +08:00
而且也不应该这样吧，测试的代码不应该放在主代码里，应该是测试起来之前那个 before/prepare/build 里面准备这些 mock 的东西
|
 |
5
liandi1990 2021-12-13 11:27:43 +08:00 via iPhone
typescript 的类型系统和 c++ 一样是图灵完备的
或许可以实现一个类似 sfinae 或者 constexpr if 的东西？ |
 |
6
liuidetmks OP @mxT52CRuqR6o5 编译到 ES5 代码里面只能去掉第一个 调用,
prepareTestDataAsync_step0(); prepareTestDataAsync_step1(); prepareTestDataAsync_step2(); step1 step2 会保留 ,我希望 prepareTestDataAsync 方法体也不要编译到 minijs 里面 |
 |
7
luob 2021-12-13 11:42:16 +08:00  2
|
|
8
mxT52CRuqR6o5 2021-12-13 11:53:36 +08:00
@liuidetmks
因为先编译 es5 再 terser 分析不出来了吧，把去除 false 条件的 if 代码的工作放到编译 es5 之前就行了 |
 |
10
jones2000 2021-12-13 13:07:37 +08:00
正式版本不要写这几个测试函数，测试的时候，直接外部接入的方式把这 2 个测试函数加上不就可以了。
|
 |
11
ysc3839 2021-12-13 13:16:43 +08:00
直接按“我想要的”那块代码那样写，然后在给 tsc 编译前先用 C 预处理器处理一遍即可。
许多 ARM 的汇编器都是这么干的，而不是像一些 x86 汇编器内置宏功能。 |
 |
12
iqoo 2021-12-13 14:27:14 +08:00
可以间接支持。申明一个 declare const 变量，条件判断用 typeof 。
当然生成的 JS 里仍存在条件不成立的代码，但 minify 之后就没了。 举个例子：/github.com/EtherDream/freecdn-js/blob/master/loader-js/src/loader.ts#L85 |
 |
13
wszgrcy 2021-12-13 14:33:38 +08:00
可以写 transformer 进行静态分析.
|
|
14
liuidetmks OP @luob 目标代码 es5 ,debug code 包含多个 await 方法时候,你这个 tree-shaking 并不能正确工作
|
 |
15
DOLLOR 2021-12-13 22:39:00 +08:00
|
 |
16
12101111 2021-12-13 23:26:36 +08:00
直接调 C 语言的宏处理器不就行了 clang-cpp -DNODEBUG -E xxx.ts -o xxx.ts
|
Select Language