Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在TypeScript中将方法或函数标记为dev only?_Typescript_Webpack - Fatal编程技术网

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

在TypeScript中将方法或函数标记为dev only?,typescript,webpack,Typescript,Webpack,是否有一种现成的方法将我的TypeScript代码中的某些方法或函数标记为仅用于开发/调试,以便在使用Webpack编译时不会进入生产代码 类似as注释的内容从代码中删除 我有时使用一些函数来调试应用程序,但在生产中没有使用。我不想在生产中对它们进行注释,因为团队中的其他人可以在看到这些代码被注释时决定将其作为过时代码删除。TypeScript没有现成的方法,但您可以通过使用任务运行器(如和使用类似的插件)来实现 我以前没有真正使用过Webpack,但我发现了一个插件,可以让你从代码中删除函数。

是否有一种现成的方法将我的TypeScript代码中的某些方法或函数标记为仅用于开发/调试,以便在使用Webpack编译时不会进入生产代码

类似as注释的内容从代码中删除


我有时使用一些函数来调试应用程序,但在生产中没有使用。我不想在生产中对它们进行注释,因为团队中的其他人可以在看到这些代码被注释时决定将其作为过时代码删除。

TypeScript没有现成的方法,但您可以通过使用任务运行器(如和使用类似的插件)来实现


我以前没有真正使用过Webpack,但我发现了一个插件,可以让你从代码中删除函数。

对于方法,这听起来很棘手。对于函数,使用Webpack附带的Define插件非常简单

1) 围绕您希望用于生产的代码

if (ENV_MODE === 'dev') {
   ...
}
2) 在配置文件中,在插件阵列中使用以下命令:

new webpack.DefinePlugin({
   'ENV_MODE': "'prod'" // or "'dev'"
})
3) 然后使用

new webpack.optimize.UglifyJsPlugin
这将删除死代码,比如现在看起来像
if('prod'='dev')