Javascript 将实用程序脚本添加到create react应用程序react/Typescript应用程序
我使用Javascript 将实用程序脚本添加到create react应用程序react/Typescript应用程序,javascript,typescript,create-react-app,Javascript,Typescript,Create React App,我使用createreact-app--Typescript创建了一个Typescript单页React应用程序。源代码位于.ts和src/中的.tsx文件中 现在我想创建一些在开发中使用的实用程序脚本。在本例中,从生产服务器下载数据并将其上载到本地开发服务器,但这只是一个示例。脚本具有应用程序也具有的依赖项(如API客户端库),我希望从应用程序导入各种常量和帮助函数 在CreateReact应用程序的结构中是否有一个地方可以放置这样的脚本并让它们工作?我希望能够使用npm run script
createreact-app--Typescript
创建了一个Typescript单页React应用程序。源代码位于.ts
和src/
中的.tsx
文件中
现在我想创建一些在开发中使用的实用程序脚本。在本例中,从生产服务器下载数据并将其上载到本地开发服务器,但这只是一个示例。脚本具有应用程序也具有的依赖项(如API客户端库),我希望从应用程序导入各种常量和帮助函数
在CreateReact应用程序的结构中是否有一个地方可以放置这样的脚本并让它们工作?我希望能够使用npm run scriptname
调用它们,并让它们从应用程序导入
(在我们的Django后端,我会将它们转换成Django管理命令,我正在寻找一种类似的方法)我在
src
中创建一个名为脚本的文件夹
可能看起来像
- 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
Create React应用程序对您的项目施加很少的限制,即使您没有弹出。您可以将任何自定义脚本添加到package.json的“scripts”
部分,这样您就可以为自己创建自定义npm/Thread命令
我喜欢将我的脚本放在scripts
目录下src
旁边,提醒自己,这些代码不是我的react应用程序的一部分(特别是,不是我为生产构建时创建的捆绑包的一部分)
例如,要添加填充您的开发环境的命令,您可以编写一个nodeJS程序来执行该操作,并将该命令添加到package.json中,如下所示:
“脚本”:{
“开始”:“反应脚本开始”,
“构建”:“反应脚本构建”,
// ...
“populatedev”:“节点脚本/填充开发环境”
},
或者,如果您更喜欢bash脚本
“脚本”:{
“开始”:“反应脚本开始”,
“构建”:“反应脚本构建”,
// ...
“populatedev”:“/scripts/populatedev.sh”
},
在任何一种情况下,您都可以从CLI运行此命令,如下所示:
npm运行已填充EV
#或者如果你喜欢纱线
纱线填充