如何为角度2创建生产构建？

Question

我在本地机器上创建了angular2快速入门演示。我试图找到为角度2应用程序生成构建的解决方案。我在webpack等上得到了一些提示..但我没有得到正确的想法。所以任何人都可以为我提供解决方案，这对我真的很有帮助。

Answer 1

你可以看一下这个种子项目。 https://github.com/mgechev/angular2-seed

对你的问题来说太过分了，但你会知道如何创建生产和开发构建。

tl; dr：使用许多gulp插件。

Answer 2

您可以将DefinePlugin使用全局常量。

DefinePlugin

DefinePlugin允许您创建可在编译时配置的全局常量。这对于允许开发构建和发布构建之间的不同行为非常有用。例如，您可以使用全局常量来确定是否进行日志记录;也许您在开发构建中执行日志记录，但在发布版本中不执行。这就是DefinePlugin实现的那种场景。

实施例

new webpack.DefinePlugin({
    PRODUCTION: JSON.stringify(true)
})
if (PRODUCTION)
    //here you can have your conditional objects which you want to build or not

还有其他一些插件。我用来将webpack配置分为common，dev和prod。 Here is a simple seed i created看看我是如何针对不同的环境使用不同的配置的。

Answer 3

如果您使用推荐的角度cli进行构建过程，它就像您的应用程序根文件夹中的命令'ng build --prod'一样简单。