如何调整React项目打包输出路径至长尾指定目录？

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

您好，作者是一位后端开发者。之前曾参与C/S项目开发，缺乏Web前端基础。为了更好地理解Web开发，去年开始尝试使用公司使用的React前端框架搭建团队内部使用的系统。通过这个项目，深入学习了React框架。

好吧，笔者是一个后端开发。以前是做C/S项目出身，毫无Web前端基础，为了更好地理解Web开发，去年开始尝试使用公司使用的前端框架React来搭建团队内部使用的系统。通过这个项目的开发，也让我更好地理解了前端同事的不容易，更加坚定了写好接口文档的决心。

最近在把自己做的这个内部系统迁移到公司的统一平台的时候，遇到了一个小问题，公司要求打包的目录名必须为dist，而我这个项目是使用create-react-app搭建的，所以打包的目录是默认的build。

遂开始了查找如何修改打包目录的资料。随便在网上一搜，便是如下的解决方案：

使用eject命令暴露配置，然后修改打包地址

使用这个命令，是不可逆的，执行之前，请将代码备份或提交版本库

1、使用eject命令暴露配置：

npm run eject

2、修改暴露出的配置文件config/path.js，将appBuild修改为需要输出的位置。

3、使用npm install命令安装依赖，然后执行npm run build打包

这个方案当然一点毛病都没有，通过这个可以认识到，create-react-app在创建React项目的时候，是隐藏了许多开发者不需要过多关心的配置项的，尽量简化了前端的开发。而eject命令则可以让这些配置项暴露出来。