在TypeScript中将方法或函数标记为仅限dev?

问题描述:

是否有准备好的方式来标记我的TypeScript代码中的某些方法或函数,因为它们仅用于开发/调试,因此在使用Webpack进行编译时不会进入生产代码?在TypeScript中将方法或函数标记为仅限dev?

类似评论的东西被删除的代码。

我有一些功能有时用于调试应用程序,但不用于生产。我不想将它们评论为制作,因为团队中的其他人可以决定在看到评论时将这些代码过时删除。

TypeScript没有这样做的方式,但您可以通过使用任务运行器(如gulp)和使用插件(如this)来实现。

我以前没有真正使用过Webpack,但是我发现了一个插件,它允许您从代码here中删除函数。

对于方法来说,这听起来很棘手。对于函数,使用Webpack打包的Define插件很容易。

1)住要了年生产

if (ENV_MODE === 'dev') { 
    ... 
} 

2)在您的配置文件中的代码,使用这个插件数组中:

new webpack.DefinePlugin({ 
    'ENV_MODE': "'prod'" // or "'dev'" 
}) 

3)然后通过管道将输出到uglify使用

new webpack.optimize.UglifyJsPlugin 

将删除死代码,如现在看起来像的if语句