在webpack中传递环境变量

十三2020-05-28

我正在尝试将有角度的应用程序从gulp转换为webpack。在gulp中，我使用gulp-preprocess来替换html页面中的某些变量（例如，数据库名称），具体取决于NODE_ENV。使用webpack达到类似结果的最佳方法是什么？

Gil伽罗小宇宙2020/05/28 10:05:01

从Webpack v4开始，只需mode在Webpack配置中进行设置即可NODE_ENV为您设置（通过DefinePlugin）。文档在这里。

猴子村村2020/05/28 10:05:00

要添加一堆答案：

使用ExtendedDefinePlugin而不是DefinePlugin

npm install extended-define-webpack-plugin --save-dev.

ExtendedDefinePlugin的使用更加简单，并记录了:-) 链接

因为DefinePlugin 缺乏好的文档，所以我想通过说它实际上像c＃中的#DEFINE来提供帮助。

#if (DEBUG)
        Console.WriteLine("Debugging is enabled.");
#endif

因此，如果您想了解DefinePlugin的工作原理，请阅读c＃#define文档。链接

Newest Answer