Orodha ya maudhui:

Je, unatumia Webpack?
Je, unatumia Webpack?

Video: Je, unatumia Webpack?

Video: Je, unatumia Webpack?
Video: JE UNATUMIA SILAHA MUNGU ALIZOKUPATIA? 2024, Mei
Anonim

Jibu "haitaji" babel au kifurushi cha wavuti lakini maktaba imejengwa juu ya dhana ya kutumia Sintaksia ya javascript ya ES6 na JSX (kimsingi ni HTML katika JS). Webpack imejitenga na Jibu lakini kawaida kutumika katika Jibu miradi kwa sababu MattYao zilizotajwa.

Vivyo hivyo, je, huunda programu ya kutumia Webpack?

Kwa kutumia Unda Programu ya React Unda Programu ya React matumizi Webpack na Babel chini ya kofia, lakini inazalisha faili unazohitaji kufanya kazi kwako Jibu mradi. Ikiwa umejenga Jibu programu hapo awali, hutaweza kufikia faili za usanidi Webpack , Babeli, ESLint, n.k. Kwa njia hiyo, unazingatia tu kujenga yako programu.

Vivyo hivyo, ninaendeshaje Webpack kuguswa? Hatua ya 2: Sanidi Babel na Webpack

  1. Fungua haraka ya amri, na uende (cd) hadi saraka ya es6-tutorial-react.
  2. Andika amri ifuatayo ili kuunda faili ya package.json: npm init.
  3. Andika amri ifuatayo ili kusakinisha moduli za react na react-dom: npm install react-dom --save-dev.

Kando na hapo juu, kwa nini tunatumia Webpack kujibu?

Inaweza kushughulikia sio tu mchanganyiko na uboreshaji wa faili za JavaScript na CSS, lakini pia mali zingine kama faili za picha (spring) kupitia kutumia ya programu-jalizi. Webpack inaweza kuwa kutumika kama mbadala wa Kaseti au Mchanganyiko wa ASP. NET na Uboreshaji.

Ninawezaje kuongeza Webpack kwa ReactJS?

Inasakinisha ReactJS kwa kutumia pakiti ya wavuti na babel

  1. Hatua ya 1 - Unda Folda ya Mizizi.
  2. Hatua ya 2 - sakinisha React na uguse dom.
  3. Hatua ya 3 - Sakinisha kifurushi cha wavuti.
  4. Hatua ya 4 - Sakinisha babel.
  5. Hatua ya 5 - Unda Faili.
  6. Hatua ya 6 - Weka Kikusanyaji, Seva na Vipakiaji.
  7. Hatua ya 7 - index.
  8. Hatua ya 8 − Programu.

Ilipendekeza: