在webpack中传递环境变量

JavaScript Webpack

十三

2020-05-28

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

第4184篇《在webpack中传递环境变量》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
Gil伽罗小宇宙 2020.05.28

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

猴子村村 2020.05.28

要添加一堆答案:

使用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文档。链接

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android