如何在构建时从生产中排除代码？

Question

在构建期间如何从Webpack捆绑包中排除打字稿代码？

例如，我在app.ts（nodejs应用程序）中有以下代码行：

const thisShouldNotBeInProductionBundleJustInDevBundle = 'aaaaaaa';

我想在使用Webpack配置构建应用程序时排除此代码。

Answer 1

在webpack版本4中，您可以mode: 'production'在webpack配置中进行设置。（https://webpack.js.org/concepts/mode/）

因此，在您的源代码中，您可以使用以下代码：

if (process.env.NODE_ENV === 'development') {
    const thisShouldNotBeInProductionBundleJustInDevBundle = 'aaaaaaa';
    ...
}

总之，if和ifs内部的所有代码将在构建捆绑包时自动删除