Question

我目前正在使用带有Angular的Webpack，我想根据天气开发或生产注入/使用变量。

我已经为此设置了Webpack以检测prod或dev，但我在将变量发送到JavaScript / Angular时遇到问题。

我认为最初的解决方案是使用DefinePlugin但是它不能作为JavaScript / Angular中的全局变量使用。

  new webpack.DefinePlugin({
    API_URL: JSON.stringify('testing')
  }),

有谁知道这个解决方案？我真的需要将变量或文件发送到角度，具体取决于天气的生产或开发。一个例子是使用API后端基本URL。它在开发和生产方面有所不同。

如果有某种方式以自动方式支持，那么评论出来似乎是个坏主意。

正如我所说，我已经在Webpack中有一个变量来决定它的生产或开发，但只是告诉Angular / JavaScript的问题。有什么想法吗？

Answer 1

我刚刚按照docs中的示例测试了DefinePlugin。它似乎对我有用。也许checkout更新你的webpack和DefinePlugin版本？

如果您使用babel之类的转发器，您还可以使用inline environment variables transform注入环境变量。