ዝርዝር ሁኔታ:

ምላሽ Webpack ይጠቀማል?
ምላሽ Webpack ይጠቀማል?

ቪዲዮ: ምላሽ Webpack ይጠቀማል?

ቪዲዮ: ምላሽ Webpack ይጠቀማል?
ቪዲዮ: Vue.js (O competidor de peso do Angular e React) // Dicionário do Programador 2024, ህዳር
Anonim

ምላሽ ይስጡ አይፈልግም babel ወይም የድር ጥቅል ነገር ግን ቤተ መፃህፍቱ በፅንሰ-ሃሳብ ላይ የተገነባ ነው በመጠቀም ES6 ጃቫስክሪፕት አገባብ እና JSX (በዋናነት HTML በJS)። የድር ጥቅል የተለየ ነው። ምላሽ ይስጡ ግን በተለምዶ በ ውስጥ ጥቅም ላይ ይውላል ምላሽ ይስጡ ፕሮጀክቶች MattYao በተጠቀሱት ምክንያቶች.

እንደዚሁም፣ ዌብፓክን የሚጠቀም ምላሽ መተግበሪያ ይፈጥራል?

React መተግበሪያን ፍጠር React መተግበሪያን በመጠቀም ይጠቀማል የድር ጥቅል እና ባቤል በኮፈኑ ስር፣ ነገር ግን በእርስዎ ላይ ለመስራት የሚያስፈልጉዎትን ፋይሎች ብቻ ያመነጫል። ምላሽ ይስጡ ፕሮጀክት. ገንብተው ከሆነ ምላሽ ይስጡ መተግበሪያዎች ከዚህ በፊት፣ የማዋቀሪያ ፋይሎችን መዳረሻ አይኖርዎትም። የድር ጥቅል , Babel, ESLint, ወዘተ. በዚህ መንገድ, የእርስዎን ብቻ በመገንባት ላይ ያተኩራሉ መተግበሪያ.

በተመሳሳይ፣ የዌብፓክ ምላሽን እንዴት ማስኬድ እችላለሁ? ደረጃ 2፡ Babel እና Webpackን ያዋቅሩ

  1. የትእዛዝ መጠየቂያውን ይክፈቱ እና (ሲዲ) ወደ es6-tutorial-react ማውጫ ይሂዱ።
  2. Pack.json ፋይል ለመፍጠር የሚከተለውን ትዕዛዝ ይተይቡ፡ npm init።
  3. የ react እና react-dom ሞጁሎችን ለመጫን የሚከተለውን ትዕዛዝ ይተይቡ፡ npm install react-dom --save-dev.

ከላይ በተጨማሪ፣ ለምንድነው ዌብፓክን በምላሽ የምንጠቀመው?

የጃቫ ስክሪፕት እና የሲኤስኤስ ፋይሎችን ማጣመር እና መቀነስ ብቻ ሳይሆን እንደ ምስል ፋይሎች (ስፕሪቲንግ) ያሉ ሌሎች ንብረቶችን በ መጠቀም የተሰኪዎች. የድር ጥቅል መሆን ይቻላል ተጠቅሟል እንደ ካሴት ወይም ASP. NET ጥምር እና ማቃለል እንደ አማራጭ።

እንዴት የዌብፓክን ወደ ReactJS ማከል እችላለሁ?

ዌብፓክ እና ባቤልን በመጠቀም ReactJS ን መጫን

  1. ደረጃ 1 - የ Root አቃፊን ይፍጠሩ.
  2. ደረጃ 2 - React ን ጫን እና ምላሽ dom.
  3. ደረጃ 3 - የዌብ ፓኬት ጫን።
  4. ደረጃ 4 - ባቤልን ይጫኑ.
  5. ደረጃ 5 - ፋይሎቹን ይፍጠሩ.
  6. ደረጃ 6 - ማጠናከሪያ ፣ አገልጋይ እና ጫኚዎችን ያዘጋጁ።
  7. ደረጃ 7 - መረጃ ጠቋሚ.
  8. ደረጃ 8 - መተግበሪያ.

የሚመከር: