首先需要安装一下 dotenv-cli
(dotenv-cli 工具提供了多环境配置的能力;其使用过程为:对不同环境设置不同的环境变量文件,通过设置前端工程执行命令加载对应的环境变量文件,即可实现多环境的配置。)
cnpm install dotenv-cli -D
配置完事后 在项目根目录下新建 例如 .env.dev .env.prod 的 test 类型文件
文件内写入 对应的环境配置内容
如 图
配置完事后 再去 package.json 文件中 修改配置如图
这样 其实就完成了 各种环境的打包配置
在webpack.config.js 中输出 配置的路径 如图