Modern web geli\u015ftirme d\u00fcnyas\u0131nda, projelerin karma\u015f\u0131kl\u0131\u011f\u0131 her ge\u00e7en g\u00fcn artmaktad\u0131r. Bu karma\u015f\u0131kl\u0131kla ba\u015fa \u00e7\u0131kmak, geli\u015ftiricilerin tekrarlayan g\u00f6revleri otomatikle\u015ftirmesini, tutarl\u0131l\u0131\u011f\u0131 sa\u011flamas\u0131n\u0131 ve farkl\u0131 ortamlar aras\u0131nda uyumlulu\u011fu korumas\u0131n\u0131 gerektirir. \u0130\u015fte tam bu noktada, npm script’leri<\/a> devreye girer. npm (Node Package Manager), sadece paket y\u00f6netimi i\u00e7in de\u011fil, ayn\u0131 zamanda projelerinizdeki \u00e7e\u015fitli g\u00f6revleri tan\u0131mlamak ve \u00e7al\u0131\u015ft\u0131rmak i\u00e7in de g\u00fc\u00e7l\u00fc bir ara\u00e7t\u0131r.<\/p>\n npm script’leri, temel olarak Peki, neden do\u011frudan komut sat\u0131r\u0131ndan \u00e7al\u0131\u015ft\u0131rmak yerine npm script’leri kullanmal\u0131y\u0131z? Birincisi, otomasyon ve verimlilik<\/strong> sa\u011flar. Uzun ve karma\u015f\u0131k komutlar\u0131 tek bir k\u0131sa script ad\u0131yla \u00e7a\u011f\u0131rabilirsiniz. \u0130kincisi, tutarl\u0131l\u0131k<\/strong> yarat\u0131r. Ekip \u00fcyeleri, her zaman ayn\u0131 komutlar\u0131 kullanarak ayn\u0131 sonu\u00e7lar\u0131 elde eder, bu da “benim makinemde \u00e7al\u0131\u015f\u0131yor” sorununu azalt\u0131r. \u00dc\u00e7\u00fcnc\u00fcs\u00fc, platformlar aras\u0131 uyumluluk<\/strong> sunar. \u00d6rne\u011fin, Windows’ta farkl\u0131 \u00e7al\u0131\u015fan bir komutun, Linux veya macOS’ta da sorunsuz \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flayacak ara\u00e7larla entegre edilebilirler. Son olarak, projenizin ihtiya\u00e7 duydu\u011fu t\u00fcm ara\u00e7lar\u0131 ve komutlar\u0131 tek bir merkezi yerde, yani npm script’leri, projenizin kalbi olan Yukar\u0131daki \u00f6rnekte:<\/p>\n Bir script’i \u00e7al\u0131\u015ft\u0131rmak i\u00e7in komut sat\u0131r\u0131nda Bazen script’lerinize ek parametreler ge\u00e7irmek isteyebilirsiniz. Bunu \u015eimdi, Birden fazla komutu tek bir script i\u00e7inde \u00e7al\u0131\u015ft\u0131rmak m\u00fcmk\u00fcnd\u00fcr:<\/p>\n Bu \u00f6rnekte, npm script’leri, geli\u015ftirme i\u015f ak\u0131\u015f\u0131n\u0131z\u0131n bir\u00e7ok a\u015famas\u0131nda size yard\u0131mc\u0131 olabilir. \u0130\u015fte en yayg\u0131n senaryolardan baz\u0131lar\u0131:<\/p>\n Tekrar tekrar manuel olarak bir geli\u015ftirme sunucusu ba\u015flatmak yerine, bunu bir script ile otomatikle\u015ftirebilirsiniz. Genellikle Kodunuzun belirli standartlara uygun olmas\u0131n\u0131 sa\u011flamak ve tutarl\u0131 bir bi\u00e7imlendirme uygulamak i\u00e7in linting ve formatting ara\u00e7lar\u0131n\u0131 kullan\u0131rs\u0131n\u0131z. Bu ara\u00e7lar\u0131 npm script’lerine entegre etmek, ekip genelinde kod kalitesini art\u0131r\u0131r.<\/p>\n Yaz\u0131l\u0131m geli\u015ftirme s\u00fcrecinin vazge\u00e7ilmez bir par\u00e7as\u0131 olan testleri \u00e7al\u0131\u015ft\u0131rmak i\u00e7in de npm script’lerini kullanabilirsiniz. Bu, birim testleri, entegrasyon testleri veya u\u00e7tan uca testler olabilir.<\/p>\n Projenizi da\u011f\u0131t\u0131ma haz\u0131r hale getirmek i\u00e7in genellikle bir derleme (build) ad\u0131m\u0131 gereklidir. Bu ad\u0131m, kodu s\u0131k\u0131\u015ft\u0131rma, optimizasyon yapma ve da\u011f\u0131t\u0131labilir dosyalar\u0131 olu\u015fturma gibi i\u015flemleri i\u00e7erir.<\/p>\n npm script’leri sadece basit komutlar\u0131 \u00e7al\u0131\u015ft\u0131rmaktan ibaret de\u011fildir. Daha karma\u015f\u0131k senaryolar\u0131 y\u00f6netmek ve geli\u015ftirme s\u00fcrecinizi daha da optimize etmek i\u00e7in baz\u0131 ileri seviye teknikler ve ipu\u00e7lar\u0131 bulunmaktad\u0131r.<\/p>\n Script’lerinizde farkl\u0131 ortamlar i\u00e7in (geli\u015ftirme, test, \u00fcretim) farkl\u0131 yap\u0131land\u0131rmalar kullanman\u0131z gerekebilir. Ortam de\u011fi\u015fkenleri, bu t\u00fcr senaryolarda esneklik sa\u011flar. Ancak, Windows ve Unix tabanl\u0131 sistemlerde ortam de\u011fi\u015fkeni tan\u0131mlama s\u00f6zdizimi farkl\u0131l\u0131k g\u00f6sterir. Bu sorunu \u00e7\u00f6zmek i\u00e7in Burada Yukar\u0131da bahsetti\u011fimiz npm, belirli script’lerden \u00f6nce veya sonra otomatik olarak \u00e7al\u0131\u015ft\u0131r\u0131lacak \u00f6zel hook script’leri tan\u0131mlaman\u0131za olanak tan\u0131r. Bir script’in ad\u0131 Uzun veya s\u0131k kullan\u0131lan komutlar i\u00e7in kendi k\u0131saltmalar\u0131n\u0131z\u0131 olu\u015fturabilirsiniz. Bu, yaz\u0131m hatalar\u0131n\u0131 azalt\u0131r ve geli\u015ftirme h\u0131z\u0131n\u0131z\u0131 art\u0131r\u0131r.<\/p>\n Burada npm script’leri, modern JavaScript projelerinin vazge\u00e7ilmez bir par\u00e7as\u0131d\u0131r. Tekrarlayan g\u00f6revleri otomatikle\u015ftirmek, ekip \u00fcyeleri aras\u0131nda tutarl\u0131l\u0131\u011f\u0131 sa\u011flamak, karma\u015f\u0131k komutlar\u0131 basitle\u015ftirmek ve platformlar aras\u0131 uyumlulu\u011fu art\u0131rmak gibi bir\u00e7ok avantaj sunarlar. Projenizin b\u00fcy\u00fckl\u00fc\u011f\u00fc ne olursa olsun, npm script’lerini etkili bir \u015fekilde kullanmak, geli\u015ftirme s\u00fcrecinizi \u00f6nemli \u00f6l\u00e7\u00fcde h\u0131zland\u0131racak ve daha keyifli hale getirecektir. Bu rehberde ele al\u0131nan temel ve ileri seviye teknikleri uygulayarak, projenizin ya\u015fam d\u00f6ng\u00fcs\u00fcn\u00fc daha verimli bir \u015fekilde y\u00f6netebilirsiniz.<\/p>\n <\/body><\/p>\n","protected":false},"excerpt":{"rendered":"Giri\u015f: npm Script’lerinin G\u00fcc\u00fc ve \u00d6nemi\n Modern web geli\u015ftirme d\u00fcnyas\u0131nda, projelerin karma\u015f\u0131kl\u0131\u011f\u0131 her ge\u00e7en g\u00fcn artmaktad\u0131r. B","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-34603","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\npackage.json<\/code> dosyan\u0131zda tan\u0131mlanan komut sat\u0131r\u0131 komutlar\u0131d\u0131r. Bu komutlar, projenizin geli\u015ftirme, test, derleme ve da\u011f\u0131t\u0131m gibi ya\u015fam d\u00f6ng\u00fcs\u00fc boyunca ihtiya\u00e7 duydu\u011fu t\u00fcm i\u015flemleri kapsayabilir. Bir geli\u015ftirme sunucusu ba\u015flatmaktan, kodunuzu lint’lemekten, testleri \u00e7al\u0131\u015ft\u0131rmaktan veya \u00fcretim i\u00e7in bir proje derlemekten tutun da, \u00f6zel otomasyon g\u00f6revlerine kadar her \u015feyi npm script’leri arac\u0131l\u0131\u011f\u0131yla y\u00f6netebilirsiniz.<\/p>\npackage.json<\/code> dosyas\u0131nda belgelemi\u015f olursunuz.<\/p>\nnpm Script’lerinin Temelleri ve Tan\u0131mlanmas\u0131<\/h2>\n
package.json<\/code> dosyas\u0131n\u0131n scripts<\/code> b\u00f6l\u00fcm\u00fcnde tan\u0131mlan\u0131r. Bu b\u00f6l\u00fcm, key-value \u00e7iftlerinden olu\u015fur; key script’in ad\u0131n\u0131, value ise \u00e7al\u0131\u015ft\u0131r\u0131lacak komutu temsil eder. \u0130\u015fte basit bir \u00f6rnek:<\/p>\n{\n \"name\": \"my-awesome-project\",\n \"version\": \"1.0.0\",\n \"description\": \"A demo project using npm scripts\",\n \"main\": \"index.js\",\n \"scripts\": {\n \"start\": \"node index.js\",\n \"test\": \"echo \\\"Hata yok!\\\" && exit 0\",\n \"build\": \"webpack --config webpack.config.js\",\n \"lint\": \"eslint . --ext .js,.jsx,.ts,.tsx\"\n },\n \"keywords\": [],\n \"author\": \"\",\n \"license\": \"ISC\"\n}<\/code><\/pre>\n\n
start<\/code>: Projeyi ba\u015flatmak i\u00e7in node index.js<\/code> komutunu \u00e7al\u0131\u015ft\u0131r\u0131r.<\/li>\ntest<\/code>: Basit bir test mesaj\u0131 yazd\u0131r\u0131r. Ger\u00e7ek bir test komutu genellikle bir test runner (Jest, Mocha vb.) \u00e7a\u011f\u0131r\u0131r.<\/li>\nbuild<\/code>: Projeyi derlemek i\u00e7in webpack<\/code> komutunu kullan\u0131r.<\/li>\nlint<\/code>: Kod kalitesini kontrol etmek i\u00e7in eslint<\/code> komutunu \u00e7al\u0131\u015ft\u0131r\u0131r.<\/li>\n<\/ul>\nnpm run npm run build<\/code> veya npm run lint<\/code>. Baz\u0131 \u00f6zel script’ler i\u00e7in (start<\/code>, test<\/code>, install<\/code>), run<\/code> kelimesini atlayabilirsiniz: npm start<\/code>, npm test<\/code>, npm install<\/code>.<\/p>\nH3: Script’lere Ba\u011f\u0131ms\u0131z De\u011fi\u015fkenler (Arguments) Ge\u00e7irme<\/h3>\n
npm run --<\/code>), npm’e sonraki her \u015feyin script’in kendi komutuna iletilmesi gerekti\u011fini bildirir.<\/p>\n{\n \"scripts\": {\n \"dev\": \"webpack-dev-server\",\n \"dev:port\": \"webpack-dev-server --port\"\n }\n}<\/code><\/pre>\nnpm run dev:port -- 8081<\/code> komutu, webpack-dev-server --port 8081<\/code> komutunu \u00e7al\u0131\u015ft\u0131racakt\u0131r.<\/p>\nH3: Script’leri Zincirleme ve Paralel \u00c7al\u0131\u015ft\u0131rma<\/h3>\n
\n
&&<\/code>):<\/strong> Bir komutun ba\u015far\u0131yla tamamlanmas\u0131ndan sonra di\u011ferini \u00e7al\u0131\u015ft\u0131r\u0131r. E\u011fer ilk komut hata verirse, zincir durur.<\/li>\n&<\/code>):<\/strong> T\u00fcm komutlar\u0131 ayn\u0131 anda ba\u015flat\u0131r.<\/li>\n<\/ul>\n{\n \"scripts\": {\n \"prebuild\": \"npm run clean && npm run lint\",\n \"build\": \"webpack\",\n \"dev:all\": \"npm run watch-css & npm run dev-server\"\n }\n}<\/code><\/pre>\nprebuild<\/code> script’i \u00f6nce clean<\/code> komutunu, ard\u0131ndan lint<\/code> komutunu \u00e7al\u0131\u015ft\u0131r\u0131r. dev:all<\/code> ise watch-css<\/code> ve dev-server<\/code> komutlar\u0131n\u0131 ayn\u0131 anda ba\u015flat\u0131r.<\/p>\nGeli\u015ftirme S\u00fcrecinde S\u0131k Kullan\u0131lan npm Script Senaryolar\u0131<\/h2>\n
H3: Geli\u015ftirme Sunucusu (Development Server) Ba\u015flatma<\/h3>\n
start<\/code> veya dev<\/code> ad\u0131 verilir.<\/p>\n{\n \"scripts\": {\n \"dev\": \"vite\",\n \"start\": \"react-scripts start\",\n \"serve\": \"nodemon server.js\"\n }\n}<\/code><\/pre>\n\n
npm run dev<\/code>: Vite tabanl\u0131 bir projeyi geli\u015ftirme modunda ba\u015flat\u0131r.<\/li>\nnpm start<\/code>: Create React App projelerinde varsay\u0131lan geli\u015ftirme sunucusunu ba\u015flat\u0131r.<\/li>\nnpm run serve<\/code>: Node.js tabanl\u0131 bir backend sunucusunu nodemon<\/code> ile izleyerek ba\u015flat\u0131r, dosya de\u011fi\u015fikliklerinde otomatik yeniden ba\u015flatma sa\u011flar.<\/li>\n<\/ul>\nH3: Kod Kalitesi ve Bi\u00e7imlendirme (Linting & Formatting)<\/h3>\n
{\n \"scripts\": {\n \"lint\": \"eslint src\/<\/em>\/*.js\",\n \"lint:fix\": \"eslint src\/<\/em>\/*.js --fix\",\n \"format\": \"prettier --write \\\"src\/<\/em>\/*.{js,jsx,ts,tsx,json,css,scss,md}\\\"\"\n }\n}<\/code><\/pre>\n\n
npm run lint<\/code>: Projenizdeki JavaScript dosyalar\u0131n\u0131 ESLint ile kontrol eder.<\/li>\nnpm run lint:fix<\/code>: ESLint’in otomatik olarak d\u00fczeltebilece\u011fi sorunlar\u0131 giderir.<\/li>\nnpm run format<\/code>: Prettier ile projenizdeki dosyalar\u0131 belirlenen stil kurallar\u0131na g\u00f6re bi\u00e7imlendirir.<\/li>\n<\/ul>\nH3: Testleri \u00c7al\u0131\u015ft\u0131rma<\/h3>\n
{\n \"scripts\": {\n \"test\": \"jest\",\n \"test:watch\": \"jest --watchAll\",\n \"test:coverage\": \"jest --coverage\"\n }\n}<\/code><\/pre>\n\n
npm test<\/code>: Jest ile t\u00fcm testleri \u00e7al\u0131\u015ft\u0131r\u0131r.<\/li>\nnpm run test:watch<\/code>: Jest’i izleme modunda ba\u015flat\u0131r, dosya de\u011fi\u015fikliklerinde ilgili testleri otomatik olarak yeniden \u00e7al\u0131\u015ft\u0131r\u0131r.<\/li>\nnpm run test:coverage<\/code>: Jest ile test kapsam\u0131 raporu olu\u015fturur.<\/li>\n<\/ul>\nH3: \u00dcretim \u0130\u00e7in Derleme (Building for Production)<\/h3>\n
{\n \"scripts\": {\n \"build\": \"webpack --mode production\",\n \"build:clean\": \"rm -rf dist && npm run build\",\n \"predeploy\": \"npm run build\"\n }\n}<\/code><\/pre>\n\n
npm run build<\/code>: Webpack ile projenizi \u00fcretim modu i\u00e7in derler.<\/li>\nnpm run build:clean<\/code>: \u00d6nce \u00f6nceki dist<\/code> klas\u00f6r\u00fcn\u00fc siler, sonra derleme i\u015flemini ba\u015flat\u0131r. (Windows i\u00e7in del \/S \/Q dist<\/code> veya rimraf dist<\/code> kullan\u0131labilir.)<\/li>\npredeploy<\/code>: Bu, npm’in \u00f6zel bir hook’udur. npm run deploy<\/code> komutundan \u00f6nce<\/b> otomatik olarak \u00e7al\u0131\u015f\u0131r. Burada, da\u011f\u0131t\u0131mdan \u00f6nce derleme i\u015flemini tetikleyebilirsiniz.<\/li>\n<\/ul>\nnpm Script’lerini Daha Verimli Kullanma \u0130pu\u00e7lar\u0131 ve \u0130leri Seviye Teknikler<\/h2>\n
H3: Ortam De\u011fi\u015fkenleri (Environment Variables) Kullan\u0131m\u0131<\/h3>\n
cross-env<\/code><\/a> gibi bir paket kullanabilirsiniz.<\/p>\n{\n \"scripts\": {\n \"dev\": \"cross-env NODE_ENV=development webpack serve\",\n \"prod\": \"cross-env NODE_ENV=production webpack --mode production\"\n },\n \"devDependencies\": {\n \"cross-env\": \"^7.0.3\"\n }\n}<\/code><\/pre>\ncross-env<\/code>, NODE_ENV<\/code> ortam de\u011fi\u015fkenini t\u00fcm platformlarda tutarl\u0131 bir \u015fekilde ayarlar.<\/p>\nH3: Paralel Script \u00c7al\u0131\u015ft\u0131rma i\u00e7in
npm-run-all<\/code> veya concurrently<\/code><\/h3>\n&<\/code> operat\u00f6r\u00fc, basit paralel \u00e7al\u0131\u015ft\u0131rmalar i\u00e7in yeterli olabilir, ancak daha karma\u015f\u0131k senaryolarda (\u00f6rne\u011fin, birden fazla script’i paralel \u00e7al\u0131\u015ft\u0131r\u0131p hepsinin tamamlanmas\u0131n\u0131 beklemek veya log \u00e7\u0131kt\u0131lar\u0131n\u0131 daha iyi y\u00f6netmek) npm-run-all<\/code><\/a> veya concurrently<\/code><\/a> gibi paketler daha kullan\u0131\u015fl\u0131d\u0131r.<\/p>\n{\n \"scripts\": {\n \"watch-css\": \"sass --watch src\/styles:dist\/css\",\n \"watch-js\": \"webpack --watch\",\n \"dev-server\": \"nodemon server.js\",\n \"dev\": \"concurrently \\\"npm run watch-css\\\" \\\"npm run watch-js\\\" \\\"npm run dev-server\\\"\"\n },\n \"devDependencies\": {\n \"concurrently\": \"^8.2.2\"\n }\n}<\/code><\/pre>\nconcurrently<\/code> paketi, birden fazla script’i paralel olarak \u00e7al\u0131\u015ft\u0131r\u0131r ve her birinin \u00e7\u0131kt\u0131s\u0131n\u0131 ayr\u0131 ayr\u0131 etiketleyerek okunabilirli\u011fi art\u0131r\u0131r.<\/p>\nH3: Pre\/Post Hook Script’leri<\/h3>\n
prepost{\n \"scripts\": {\n \"clean\": \"rimraf dist\",\n \"prebuild\": \"npm run clean && echo \\\"Derleme \u00f6ncesi temizlik yap\u0131l\u0131yor...\\\"\",\n \"build\": \"webpack --mode production\",\n \"postbuild\": \"echo \\\"Derleme tamamland\u0131!\\\"\"\n }\n}<\/code><\/pre>\nnpm run build<\/code> komutunu \u00e7al\u0131\u015ft\u0131rd\u0131\u011f\u0131n\u0131zda, \u00f6nce prebuild<\/code>, ard\u0131ndan build<\/code> ve son olarak postbuild<\/code> script’leri otomatik olarak \u00e7al\u0131\u015facakt\u0131r.<\/p>\nH3: \u00d6zel Komutlar ve K\u0131saltmalar Olu\u015fturma<\/h3>\n
{\n \"scripts\": {\n \"deploy:prod\": \"aws s3 sync build\/ s3:\/\/my-production-bucket --delete\",\n \"deploy:staging\": \"aws s3 sync build\/ s3:\/\/my-staging-bucket --delete\",\n \"deploy\": \"npm run deploy:prod\"\n }\n}<\/code><\/pre>\nnpm run deploy<\/code> komutu, do\u011frudan npm run deploy:prod<\/code> komutunu \u00e7a\u011f\u0131rarak production ortam\u0131na da\u011f\u0131t\u0131m yapar. Bu, varsay\u0131lan bir da\u011f\u0131t\u0131m mekanizmas\u0131 sa\u011flaman\u0131n pratik bir yoludur.<\/p>\nSonu\u00e7 ve S\u0131k\u00e7a Sorulan Sorular (SSS)<\/h2>\n
H3: S\u0131k\u00e7a Sorulan Sorular (SSS)<\/h3>\n
\n
npm run<\/code> ve npx<\/code> aras\u0131ndaki fark nedir?<\/dt>\nnpm run<\/code>, package.json<\/code> dosyan\u0131z\u0131n scripts<\/code> b\u00f6l\u00fcm\u00fcnde tan\u0131mlanan komutlar\u0131 \u00e7al\u0131\u015ft\u0131r\u0131r. npx<\/code> ise, bir paketi yerel olarak kurmadan \u00e7al\u0131\u015ft\u0131rman\u0131za olanak tan\u0131r. Genellikle tek seferlik komutlar veya global olarak kurmak istemedi\u011finiz CLI ara\u00e7lar\u0131 i\u00e7in kullan\u0131l\u0131r (\u00f6rne\u011fin, npx create-react-app my-app<\/code>).<\/dd>\n.\/node_modules\/.bin\/webpack<\/code> gibi uzun yollar\u0131 yazmaktan kurtar\u0131r.<\/dd>\npackage.json<\/code> dosyas\u0131n\u0131 karma\u015f\u0131kla\u015ft\u0131r\u0131r m\u0131?<\/dt>\npackage.json<\/code> dosyas\u0131n\u0131n scripts<\/code> b\u00f6l\u00fcm\u00fc uzayabilir. Ancak, iyi adland\u0131rma kurallar\u0131 ve mant\u0131ksal gruplamalar (\u00f6rne\u011fin, test:unit<\/code>, test:e2e<\/code>) kullanarak bu karma\u015f\u0131kl\u0131\u011f\u0131 y\u00f6netebilirsiniz. Ayr\u0131ca, daha karma\u015f\u0131k otomasyonlar i\u00e7in Gulp veya Grunt gibi task runner’lar yerine npm script’leri tercih etmek genellikle daha basit ve bak\u0131m\u0131 daha kolay bir yakla\u015f\u0131md\u0131r, zira ek bir ba\u011f\u0131ml\u0131l\u0131k ve \u00f6\u011frenme e\u011frisi getirmez.<\/dd>\ncross-env<\/code> (ortam de\u011fi\u015fkenleri i\u00e7in) veya rimraf<\/code> (rm -rf<\/code> yerine) gibi yard\u0131mc\u0131 paketler kullanmak iyi bir pratiktir.<\/dd>\n&&<\/code> operat\u00f6r\u00fcn\u00fc (bir \u00f6nceki komut ba\u015far\u0131l\u0131 olursa sonraki \u00e7al\u0131\u015f\u0131r) ve paralel \u00e7al\u0131\u015ft\u0131rma i\u00e7in &<\/code> operat\u00f6r\u00fcn\u00fc kullanabilirsiniz. Daha geli\u015fmi\u015f paralel \u00e7al\u0131\u015ft\u0131rma senaryolar\u0131 i\u00e7in concurrently<\/code> veya npm-run-all<\/code> gibi paketler \u00f6nerilir, \u00e7\u00fcnk\u00fc bunlar \u00e7\u0131kt\u0131y\u0131 daha iyi y\u00f6netir ve ek \u00f6zellikler sunar.<\/dd>\n<\/dl>\n