Արդյո՞ք react-ն օգտագործում է Webpack-ը:

2024 Հեղինակ: Lynn Donovan | [email protected]. Վերջին փոփոխված: 2023-12-15 23:48

Արձագանքել «պետք չէ» բաբել կամ վեբ փաթեթ բայց գրադարանը կառուցված է հայեցակարգի վրա օգտագործելով ES6 javascript-ի շարահյուսություն և JSX (հիմնականում HTML JS-ում): Վեբ փաթեթ առանձին է Արձագանքել բայց սովորաբար օգտագործվում է Արձագանքել նախագծերը MattYao-ի նշած պատճառներով:

Նմանապես, արդյո՞ք ռեակտիվ հավելվածի ստեղծումն օգտագործում է Webpack-ը:

Օգտագործելով Create React հավելվածը Ստեղծեք React հավելվածը օգտագործում է Վեբ փաթեթ և Babel-ը գլխարկի տակ, բայց այն ստեղծում է միայն այն ֆայլերը, որոնք անհրաժեշտ են ձեր վրա աշխատելու համար Արձագանքել նախագիծը։ Եթե դուք կառուցել եք Արձագանքել նախկինում հավելվածների համար, դուք մուտք չեք ունենա կոնֆիգուրացիայի ֆայլեր Վեբ փաթեթ , Babel, ESLint և այլն: Այդ կերպ դուք կենտրոնանում եք պարզապես ձեր կառուցման վրա հավելված.

Նմանապես, ինչպե՞ս կարող եմ վարել Webpack արձագանքը: Քայլ 2. Ստեղծեք Babel-ը և Webpack-ը

1. Բացեք հրամանի տողը և նավարկեք (cd) դեպի es6-tutorial-react գրացուցակը:
2. Մուտքագրեք հետևյալ հրամանը՝ package.json ֆայլ ստեղծելու համար՝ npm init:
3. Մուտքագրեք հետևյալ հրամանը՝ react և react-dom մոդուլները տեղադրելու համար. npm install react react-dom --save-dev:

Բացի վերը նշվածից, ինչու ենք մենք օգտագործում Webpack-ը react-ում:

Այն կարող է կարգավորել ոչ միայն JavaScript-ի և CSS ֆայլերի համակցումն ու փոքրացումը, այլ նաև այլ ակտիվներ, ինչպիսիք են պատկերային ֆայլերը (spriting) միջոցով: օգտագործել պլագինների։ Վեբ փաթեթ կարող է լինել օգտագործված որպես Cassette-ի կամ ASP. NET Combination and Minification-ի այլընտրանք:

Ինչպե՞ս կարող եմ Webpack ավելացնել ReactJS-ին:

ReactJS-ի տեղադրում՝ օգտագործելով webpack-ը և babel-ը

1. Քայլ 1 - Ստեղծեք արմատային թղթապանակ:
2. Քայլ 2 - տեղադրել React և react dom:
3. Քայլ 3 - Տեղադրեք վեբ փաթեթը:
4. Քայլ 4 - Տեղադրեք babel:
5. Քայլ 5 - Ստեղծեք ֆայլեր:
6. Քայլ 6 - Սահմանեք Կազմող, սերվեր և բեռնիչներ:
7. Քայլ 7 - ինդեքս.
8. Քայլ 8 - Հավելված.