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

Question

如何在构建时从 webpack 包中排除 typescript 代码？

例如，我在 app.ts(nodejs 应用程序)中有这行代码:

const thisShouldNotBeInProductionBundleJustInDevBundle = 'aaaaaaa';

我希望在使用 webpack 配置构建我的应用程序时排除此代码。

Answer 1

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

因此在您的源代码中您可以使用以下内容:

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

总而言之，if 和 ifs 中的所有代码都将在构建您的包期间自动删除