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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了搭建reactJS 项目的时候 区分各种环境进行打包处理相关的知识,希望对你有一定的参考价值。

参考技术A 首先需要安装一下 dotenv-cli

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

cnpm install dotenv-cli -D

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

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

如 图

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

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

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

以上是关于搭建reactJS 项目的时候 区分各种环境进行打包处理的主要内容,如果未能解决你的问题,请参考以下文章

ReactJS环境搭建

各种Java项目环境搭建-文档引用汇总记录

yarn使用,reactjs+webpack搭建,运行第一个示例

day01-项目介绍与环境搭建

vuejs小项目脚手架搭建工作

基于rollup搭建JavaScript类库开发环境