时间戳

首页 > 解决方案 > 将实用程序脚本添加到 create-react-app React / Typescript 应用程序

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

问题描述

我有一个使用create-react-app --typescript. 源代码在.ts，.tsx文件在src/.

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

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

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

标签： javascripttypescriptcreate-react-app

解决方案

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

推荐阅读