በWebpack ውስጥ Devtool ምንድን ነው?
በWebpack ውስጥ Devtool ምንድን ነው?

ቪዲዮ: በWebpack ውስጥ Devtool ምንድን ነው?

ቪዲዮ: በWebpack ውስጥ Devtool ምንድን ነው?
ቪዲዮ: Забытый секрет наших бабушек 2024, ህዳር
Anonim

Devtool . ይህ አማራጭ የምንጭ ካርታዎች እንዴት እንደሚፈጠሩ ይቆጣጠራል። ለበለጠ ጥሩ ጥራጥሬ ውቅር SourceMapDevToolPluginን ይጠቀሙ። ያሉትን የምንጭ ካርታዎች ለመቋቋም የምንጭ-ካርታ-ጫኚውን ይመልከቱ።

በዚህ መሠረት በድር ጥቅል ውስጥ የምንጭ ካርታ ምንድን ነው?

በተወሰነ መልኩ፣ የምንጭ ካርታዎች ለሚስጥርዎ (የተቀነሰ) ኮድ ዲኮደር ቀለበት ናቸው። በመጠቀም የድር ጥቅል , devtool: "ምንጭ-ካርታ" በመግለጽ በእርስዎ ውስጥ የድር ጥቅል config የምንጭ ካርታዎችን ያነቃል። የድር ጥቅል በመጨረሻው፣ ባነሰው ፋይልህ ውስጥ የምንጭMappingURL መመሪያ ያወጣል።

በመቀጠል፣ ጥያቄው፣ የዌብፓክ ውህደት ምንድን ነው? የድረ-ገጽ ጥቅል - ውህደት ያቀርባል ሀ ውህደት አዲስ ነገር የሚፈጥር ነገሮችን የሚያገናኝ እና የሚያዋህድ ተግባር። በሚፈልጉበት ጊዜ ውህደት የማዋቀር ዕቃዎች ፣ የድር ጥቅል - ውህደት ሊመጣ ይችላል. እንዲሁም አለ የድር ጥቅል የተወሰነ ውህደት ተለዋጭ በመባል ይታወቃል ውህደት.

ይህንን በተመለከተ ዌብፓክ ለምን ጥቅም ላይ ይውላል?

የድር ጥቅል ለጃቫ ስክሪፕት አፕሊኬሽኖች የማይንቀሳቀስ ሞጁል ጥቅል ነው - ሁሉንም ኮድ ከመተግበሪያዎ ይወስዳል እና በድር አሳሽ ውስጥ ጥቅም ላይ ይውላል። ሞጁሎች ከመተግበሪያዎ ጃቫ ስክሪፕት፣ ኖድ_ሞዱሎች፣ ምስሎች እና የCSS ቅጦች በቀላሉ የታሸጉ እንደገና ጥቅም ላይ ሊውሉ የሚችሉ የኮድ ቁርጥራጮች ናቸው። ውስጥ ጥቅም ላይ ይውላል የእርስዎ ድር ጣቢያ.

የምንጭ ካርታዎች እንዴት ይሰራሉ?

እንዴት ምንጭ ካርታዎች ሥራ . ስሙ እንደሚያመለክተው፣ የምንጭ ካርታ በተጨመቀ ፋይል ውስጥ ያለውን ኮድ ወደ መጀመሪያው ምንጭ ለመመለስ የሚያገለግሉ አጠቃላይ መረጃዎችን ያካትታል። ለእያንዳንዱ የተጨመቁ ፋይሎችዎ የተለየ የምንጭ ካርታ መግለጽ ይችላሉ።

የሚመከር: