Devtool ni nini kwenye Webpack?
Devtool ni nini kwenye Webpack?

Video: Devtool ni nini kwenye Webpack?

Video: Devtool ni nini kwenye Webpack?
Video: Mbosso - Amepotea (Official Music Video) 2024, Mei
Anonim

Devtool . Chaguo hili hudhibiti ikiwa na jinsi ramani chanzo zitatolewa. Tumia SourceMapDevToolPlugin kwa usanidi mzuri zaidi. Tazama kipakiaji cha ramani-chanzo ili kushughulikia ramani za chanzo zilizopo.

Ipasavyo, Sourcemap katika Webpack ni nini?

Kwa maana fulani, ramani chanzo ni pete ya kusimbua kwa msimbo wako wa siri (uliopunguzwa). Kutumia Webpack , ikibainisha devtool: "source-map" kwenye your Webpack config itawezesha ramani za chanzo, na Webpack itatoa mwongozo wa sourceMappingURL katika faili yako ya mwisho, iliyoboreshwa.

Baadaye, swali ni, unganisho la Webpack ni nini? kifurushi cha wavuti - kuunganisha hutoa a kuunganisha kazi inayoambatanisha safu na kuunganisha vitu kuunda kitu kipya. Wakati wowote unahitaji kuunganisha vitu vya usanidi, kifurushi cha wavuti - kuunganisha inaweza kuja kwa manufaa. Pia kuna a kifurushi cha wavuti maalum kuunganisha lahaja inayojulikana kama kuunganisha.

Kuhusiana na hili, Webpack inatumika kwa nini?

Webpack ni kifurushi tuli cha moduli ya programu za JavaScript - inachukua msimbo wote kutoka kwa programu yako na kuifanya iweze kutumika katika kivinjari. Moduli ni sehemu za msimbo zinazoweza kutumika tena zilizoundwa kutoka kwa JavaScript, nodi_module, picha na mitindo ya CSS ya programu yako, ambayo imepangwa kwa urahisi. kutumika katika tovuti yako.

Sourcemaps hufanyaje kazi?

Vipi Chanzo cha Ramani Inafanya kazi . Kama jina linavyopendekeza, ramani ya chanzo ina rundo zima la habari inayoweza kutumika kuweka ramani ya msimbo ndani ya faili iliyoshinikizwa kurudi kwenye chanzo chake asili. Unaweza kubainisha chanzo cha ramani tofauti kwa kila faili zako zilizobanwa.

Ilipendekeza: