Open XXHolic opened 4 years ago
使用 create-react-app 的时候，如果想要更改一些配置，一种方式是使用 eject 指令，但这样可能就无法同步后续的更新。另外一种方式是使用 react-app-rewired 覆盖对应的配置，这种方式有些依然无法设置。更好的方式是直接基于原构建脚本进行自定义修改，又方便同步后续更新。
eject
create-react-app 里面包含了多个不同的库，使用了 Lerna 进行管理。构建的相关脚本主要在 react-scripts 中。通过 Fork 的方式发布自己的版本，也可以同步官方的版本。
登录 GitHub 的账号，Fork create-react-app 。更加详细的说明见 Fork a repo 。
Fork 后，克隆对应的库到本地。在修改之前，建议基于发布的分支，创建一个自己的修改分支。下面作为示例，在 /packages/react-scripts/scripts/init.js 中添加一些打印日志。
/packages/react-scripts/scripts/init.js
由于是 Fork 过来的包，里面的 package.json 的一些描述信息需要修改。至少里面的 name 字段值需要更改一下，示例的名称改为 customize-react-scripts 。其它描述信息，根据实际情况判断是否需要进行修改。
name
npm login npm publish
发布包详细说明见 这里 。
发布成功后，到一个目录下，执行下面的命令：
npx create-react-app test-app --scripts-version customize-react-scripts
可看到下面的信息提示。
安装成功后，可以看到前面添加的提示信息。
引子
使用 create-react-app 的时候，如果想要更改一些配置，一种方式是使用
eject指令，但这样可能就无法同步后续的更新。另外一种方式是使用 react-app-rewired 覆盖对应的配置，这种方式有些依然无法设置。更好的方式是直接基于原构建脚本进行自定义修改，又方便同步后续更新。简介
create-react-app 里面包含了多个不同的库，使用了 Lerna 进行管理。构建的相关脚本主要在 react-scripts 中。通过 Fork 的方式发布自己的版本，也可以同步官方的版本。
操作
1 Fork
登录 GitHub 的账号，Fork create-react-app 。更加详细的说明见 Fork a repo 。
2 修改对应库
Fork 后，克隆对应的库到本地。在修改之前，建议基于发布的分支，创建一个自己的修改分支。下面作为示例，在
/packages/react-scripts/scripts/init.js中添加一些打印日志。3 发布包
由于是 Fork 过来的包，里面的 package.json 的一些描述信息需要修改。至少里面的
name字段值需要更改一下，示例的名称改为 customize-react-scripts 。其它描述信息，根据实际情况判断是否需要进行修改。发布包详细说明见 这里 。
4 使用自定义包
发布成功后，到一个目录下，执行下面的命令：
可看到下面的信息提示。
安装成功后，可以看到前面添加的提示信息。
参考资料
:wastebasket:
最近玩了一个小游戏[《月圆之夜》][url-game-1]，里面对小红帽故事的改写蛮有意思的。每个调查的 boss 都有不同角度的改写。 ![71-poster][url-local-poster]