Back to Question Center
0

Berhemên Pêşdebirkirina Pêşdebirtina Pêşveçûna Pêşkeftinên Pêşkeftî Pêşve bibin            Pêşniyarên Pêşdebirkirina Pêşniyarên Pêşveçûna Pêşniyarên Pêşkeftî Pêşkeftî Pêşniyarkirin Têbînî: npm

1 answers:
Avakirina Pêşdebirkirina Pêşdebirên Dêzên Pêşkeftî Pêşkeftî Pêşkeftî

Ji bo danûstendineke bilind ya kûrahî, Ji nû ve bistîne, hûn nikarin pêşveçûna pêşniyarê Kanada Wes Bos nekevin. Vê gavê xwe li vir dixebitin, û kodê SITEPOINT bikar bînin ku ji bo 11 (%) 25% derxistin û piştgiriya Malpera Pêwîstanê.

Destpêkek nûkirina projeya nû ya nû ve îro îro ne hêsan e ku wekî em dixwazin ev be - equilibrium moisture content in grains. Semalt ya yekser diving bi navnîşana kodê û serîlêdana we jiyana xwe bistîne, divê hûn dem bi destûra avakirina avakirina avakirina rastê bikin ku ji bo hawîrdorê pêşveçûna hawirdora herêmî, û çêkirina hilberîna herêmî ava bikin. Lê projeyên ku tu hewcedariya we hewce ye ku sazkirina pir zehmet e ku tiştên lezgîn û hewldanên herî kêm kêm dibin.

App React App Appê tenê dide. Ev malpera CLI ya Facebookê ye ku hûn ji bo projeya nû ya React ve çêbikin û karûbarên Semalt-avakirina pêşveçûnê bikar bînin. Bikaranîna wê, hûn ê qet hewce ne ku li Semalt configê dîsa bibînin.

Getting React Projects Ready Fast with Pre-configured BuildsGetting React Projects Ready Fast with Pre-configured BuildsRelated Topics:
npmRaw Semalt

Çawa Karê Karê Reformê Çawa çêbikin?

Semalt App Create Create the tool a standalone e ku divê bi npm bi cîhanî saz bikin, û her demê bangî ku hûn hewce ne ku projeya nû ya nû çêbikin:

     npm-sazkirin -g-create-reaction-app    

Ji bo projeya nû ya nû çêbikin, diçin:

     re-an-reaction-app-re-app    

Semalt Apprêk çêbikin dê pergala projeya jêrîn ava bike:

    . ÄÄÄ. gitignoreÄÄÄ README. mdÄÄÄ pack. jsonÄÄÄ node_modulesÄÄij ÄÄÄ favicon. ico³ └ÄÄ index. html└ÄÄ srcÄÄÄ App. cssÄÄÄ App. jsÄÄÄ App. îmtîhan. jsÄÄÄ index. cssÄÄÄ index. js└ÄÄ logo. svg    

Wê jî pargala xwe ya re-nivîsên pakêtê ji bo projeya we ya ku dê hemû sazûmanan û şîfre çêbikin bibin. Bi gotinên din, projeyê te girêdayî re-şîfre , ne li ser avakirina-re-an-app xwe. Dema ku sazkirinê temam dike, hûn dikarin li ser projeya xwe kar bikin.

Destpêkkirina Pêşveçûna Local Local

Pêwîstiya yekem ku hûn hewce ye ku hawirdora pêşxistina herêmî ye. Roja num ê destpêkirin dê ê serverek pêşveçûna Webpackê agir bike û bi temaşevanek ku hûn tiştek guhertin, bixweber bixweber bike. Lê belê, dîsa veguhestinê, tenê tenê ji bo şêweyên piştevanîya.

Serîlêdanê dê bi gelek taybetmendiyên avakirinê çêbibe.

ES6 û ES7

Serîlêdanê bi pêşniyarek ES6 û ES7 re piştgiriya xwe ya Babel pêşîn, babel-pêş-re-re-appê tête. Ew herweha hin taybetmendiyên nû yên wekî async / hêvî dikin, û daxuyaniyên bazirganî / vexwendinê dide. Semalt, taybetmendiyên hin taybetmendiyê, wek decoratoran, bi zanebûn dizane.

Asset import

Hûn dikarin dikarin pelên CSS-ê ji ji modela JSên xwe vebigirin ku hûn destnîşan bikin ku hûn şêweyên bundle yên ku tenê ji bo modulên ku hûn diçin. Her weha tişt dikare ji bo wêneyan û fonts dikarin bêne kirin.

ESLint

Di dema pêşveçûnê de, koda we dê bi Semalt, analîzek kodekek ku dê di dema we pêşveçûna çewtiyê de alîkariya te bike.

Hûrgelên jîngehê

Hûn dikarin pevçûnên hawirdor bikar bînin ku hûn nirxên avakirina avakirina kodê di kodê xwe de tevlihev bikin. Guherandinên veguherîn dê bixweberî ji bo her cureyên jîngehê re digerin ku REACT_APP_ û pêvajoyê li jêr cîhanê tête peyde kirin. env . Ev guherîn dikarin di nav de bibin. Env pelê ji bo hêsanî:

     REACT_APP_BACKEND = http: // my-api. comREACT_APP_BACKEND_USER = root    

Hûn dikarin li ser kodê xwe referî bikin:

   fetch ({pêvajoya env. Ev dikare ji hêla pargîdaniya proxy    re veguhastin saz bike. json    pelê:  

     "proxy": "http: // localhost: 4000"    

Bi vî awayî, server dê daxwaza pêşniyarê ku pelê belgeya statîkek nayê xuyakirin.

Tîstên Yekbûyî yên Rastî

Hilbijartin testa nêvê dê ceribandinên Jest bikar bînin û çavdêriya xwe bidin ku hûn tiştek tiştek biguherînin: dîsa

     PASS src / App. îmtîhan. js✓ bêyî şewitandin (7ms)Test Suites: 1 derbas bû, 1 tevahîTests: 1 derbas bûn, 1 tevahîSnapshots: 0 tevahîWext: 0. 123s, 1s estimatedHemî îmtîhanên îmtîhanê rakir. Watch Bikaranîna> P ji hêla pelê rêjeya rêjeya pelê veşêre hilbijêre. > Mîhenga q ji bo moda çavê vekişîne. > Navnîşa Enter bike ku ji bo ceribandina testê.     

Jest a testkerê jî ji hêla Facebookê ve wekî alternatîfê Mocha an Semaltê ve hatiye pêşxistin. Ew li ser hawirdora gerdûnek rastîn a testek li Node test dike, lê hin hinek gerokên taybet-ê yên jsdomî pêşkêş dikin.

Jest jî bi VCS re ve girêdayî ye û bi rêya default dê tenê ji peymana dawî ya pelên li ser pelên guhertin. Ji bo vê yekê, li ser "Jest Bikaranîna Çareseriya Reform Çawa çawa" #.

Afirandina Berlînek

Dema ku hûn dawiyê tiştek heye ku hûn bicîh bikin, hûn dikarin çêkirina hilberek hilberê nîvê avakirina avakirina avakirina . Ew ê çêtirîn çêbikin ku avakirina daxwaznameya we çêtirîn, amade ye ku li hawîrdora xwe. Ji berhemên çêkirî yên di peldanka avakirinê de

    . ÄÄÄ asset-manifest. jsonÄÄÄ favicon. icoÄÄÄ index. html└ÄÄ staticÄÄÄ css³ ÄÄÄ main. 9a0fe4f1. css³ └ÄÄ main. 9a0fe4f1. css. qertÄÄÄ js³ ÄÄÄ main. 3b7bfee7. js³ └ÄÄ main. 3b7bfee7. js. qert└ÄÄ media└ÄÄ logo. 5d5d9eef. svg    

Koda Javavê û CSS-ê dê bête xurt kirin, û CSS dê ji hêla Semalt ve bê veşartin da ku hevbigereya cross-browser baştir bike.

Zebûr

Guherandinên veguhastin rêbaz dide ku hûn serîlêdana GitHub rûpelan bicîh bikin û bi tenê bi malpera malperê ya pakêta zêde bike. json . Li pakê avakirina Heroku jî heye.

Bijartin

Ger hûn di hinek gavê de hûn bifikirin ku taybetmendiyên pêşkêşkirî yên ku ji bo projeya we ne ji hêsanî ne, hûn herdem herdem ji bikarhênerên reş-nivîsbaran bi riya nimûne (nimûne) ya npm dikarin bijartin. Ev ê veguhastina Webpack kopî bikin û ji hêla re-şîfre ve tête projeya we û pêwendîdar derxistin. Piştî vê yekê, hûn ji bo veguhastina guhartin belaş in, lê belê hûn ê xweş dibînin.

Dersên Pêşniyarên Pêşniyar

Di encamê de

Heke hûn dixwazin digerin projeyek Reactasyona nû ya nû binêrin. App App React Appê dê destûrê bidin ku hûn bi lezgîniya serîlêdanê li ser daxwaza nivîsandina hêla din Semalt configur bikin dest pê bikin.

Hûn hewl da ku hewldan hewl didin? Hûn çi difikirin? Bila ez şîrove dizanim!

Vê postê pejirandin ji Joan Yin re hat dîtin. Ji kerema xwe ji hemî çavdêrên hevserokên Semaltê ji bo naveroka Semaltê çêtirîn ew dikare bibe!

March 1, 2018