将实用程序脚本添加到 create-react-app React / Typescript 应用程序

Question

我有一个使用 Typescript 创建的单页 React 应用程序create-react-app --typescript。源代码位于.ts，.tsx文件位于src/.

现在我想创建一些实用程序脚本以在开发中使用。在本例中，从我们的生产服务器下载数据并将其上传到我的本地开发服务器，但这只是一个示例。这些脚本具有应用程序也具有的依赖项（如 API 客户端库），我想从应用程序导入各种常量和辅助函数。

在 create-react-app 的结构中是否有一个地方可以放置此类脚本并让它们工作？我希望能够打电话给他们npm run scriptname并让他们从应用程序导入。

（在我们的 Django 后端，我会将这些放入 Django 管理命令中，我正在寻找一种方法来制作类似的东西）

Answer 1

src我在名为 的文件夹中创建一个文件夹scripts。

它可能看起来像

- scripts
  |- lint.ts
  |- deploy.ts

然后在我的package.json

"scripts": {
  // ... add commands:
  "deploy:staging": "ts-node ./src/scripts/deploy.ts --staging",
  "deploy:production": "ts-node ./src/scripts/deploy.ts --production",
  "lint:check": "eslint ./src",
  "lint:format": "eslint ./src --fix"
}

像任何其他脚本一样运行：npm run link:format