Talaan ng mga Nilalaman:

Gumagamit ba ng Webpack ang reaksyon?
Gumagamit ba ng Webpack ang reaksyon?

Video: Gumagamit ba ng Webpack ang reaksyon?

Video: Gumagamit ba ng Webpack ang reaksyon?
Video: Django & React Tutorial #3 - React Integration Using Webpack & Babel 2024, Nobyembre
Anonim

Magreact ay hindi "kailangan" babel o webpack ngunit ang aklatan ay itinayo sa konsepto ng gamit ES6 javascript syntax at JSX (mahalagang HTML sa JS). Webpack ay hiwalay sa Magreact ngunit karaniwang ginagamit sa Magreact proyekto para sa mga kadahilanang binanggit ni MattYao.

Gayundin, gumagamit ba ng Webpack ang create react app?

Paggamit ng Create React App Gumawa ng React App gamit Webpack at Babel sa ilalim ng hood, ngunit ito ay bumubuo lamang ng mga file na kailangan mong gawin sa iyong Magreact proyekto. Kung nakagawa ka na Magreact apps dati, hindi ka magkakaroon ng access sa mga configuration file para sa Webpack , Babel, ESLint, atbp. Sa ganoong paraan, nakatuon ka sa pagbuo lamang ng iyong app.

Gayundin, paano ako magpapatakbo ng reaksyon ng Webpack? Hakbang 2: I-set Up ang Babel at Webpack

  1. Magbukas ng command prompt, at mag-navigate (cd) sa es6-tutorial-react na direktoryo.
  2. I-type ang sumusunod na command para gumawa ng package.json file: npm init.
  3. I-type ang sumusunod na command para i-install ang react at react-dom modules: npm install react react-dom --save-dev.

Sa tabi sa itaas, bakit namin ginagamit ang Webpack bilang reaksyon?

Maaari nitong pangasiwaan hindi lamang ang kumbinasyon at pagpapaliit ng mga file ng JavaScript at CSS, kundi pati na rin ang iba pang mga asset tulad ng mga file ng imahe (spriting) sa pamamagitan ng gamitin ng mga plugin. Webpack ay maaaring maging ginamit bilang alternatibo sa Cassette o ASP. NET Combination and Minification.

Paano ako magdagdag ng Webpack sa ReactJS?

Pag-install ng ReactJS gamit ang webpack at babel

  1. Hakbang 1 - Lumikha ng Root Folder.
  2. Hakbang 2 - i-install ang React at i-react ang dom.
  3. Hakbang 3 - I-install ang webpack.
  4. Hakbang 4 - I-install ang babel.
  5. Hakbang 5 - Lumikha ng Mga File.
  6. Hakbang 6 - Itakda ang Compiler, Server at Mga Loader.
  7. Hakbang 7 - index.
  8. Hakbang 8 − App.

Inirerekumendang: