搭建reactJS 项目的时候 区分各种环境进行打包处理

首先需要安装一下 dotenv-cli

(dotenv-cli 工具提供了多环境配置的能力;其使用过程为:对不同环境设置不同的环境变量文件,通过设置前端工程执行命令加载对应的环境变量文件,即可实现多环境的配置。)

cnpm install dotenv-cli -D

配置完事后 在项目根目录下新建 例如 .env.dev   .env.prod 的 test 类型文件

文件内写入 对应的环境配置内容

如 图

配置完事后 再去 package.json 文件中 修改配置如图


这样 其实就完成了 各种环境的打包配置

在webpack.config.js 中输出 配置的路径 如图


©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容