Webpack如何正确配置和使用环境变量？

本文共计2045个文字，预计阅读时间需要9分钟。

目录- 写在前边- 业务代码中使用环境变量- 使用webpack.DefinePlugin插件在业务代码中注入环境变量- webpack.DefinePlugin的思考- definePlugin所说的环境变量实现方式- JSON.stringify()处理环境变量

目录

• 写在前边
• 业务代码使用环境变量
• 使用webpack.DefinePlugin插件在业务代码中注入环境变量
  
• webpack.DefinePlugin引发的思考
  
• definePlugin所谓的”环境变量“实现方式
  
• JSON.stringify()处理环境变量
  
• 构建过程中使用环境变量
• 传统环境变量方法使用webpack构建过程环境变量。
• 总结

写在前边

你还在为Webpack中各种打包配置而烦恼吗？

今天我们来聊聊webpack中注入环境变量的各种姿势，或者你会觉得注入环境变量通过命令行注入不就可以了吗？

如果你有这种想法，耐心看下去我相信你会有不一样的收获的～

毕竟所谓成长就是一点一滴积累的过程！让我们来聊聊Webpack 5中使用环境变量的各种正确姿势。