Ի՞նչ է Devtool-ը Webpack-ում:

2024 Հեղինակ: Lynn Donovan | [email protected]. Վերջին փոփոխված: 2023-12-15 23:48

Devtool . Այս տարբերակը վերահսկում է, թե արդյոք և ինչպես են ստեղծվում սկզբնաղբյուր քարտեզները: Օգտագործեք SourceMapDevToolPlugin-ը ավելի նուրբ կազմաձևման համար: Տես աղբյուր-քարտեզ-բեռնիչը՝ գոյություն ունեցող աղբյուրի քարտեզների հետ գործ ունենալու համար:

Համապատասխանաբար, ինչ է Sourcemap-ը Webpack-ում:

Ինչ-որ իմաստով, աղբյուրի քարտեզները ձեր գաղտնի (մինիֆիկացված) կոդի ապակոդավորիչ օղակն են: Օգտագործելով Վեբ փաթեթ Ձեր մեջ նշելով devtool՝ «source-map»: Վեբ փաթեթ config-ը հնարավորություն կտա աղբյուրի քարտեզները և Վեբ փաթեթ Ձեր վերջնական, փոքրացված ֆայլում կթողարկի sourceMappingURL հրահանգը:

Հետագայում հարցն այն է, թե ինչ է Webpack միաձուլումը: վեբ փաթեթ - միաձուլվել ապահովում է ա միաձուլվել ֆունկցիա, որը միավորում է զանգվածները և միավորում օբյեկտները՝ ստեղծելով նոր օբյեկտ: Ամեն անգամ, երբ դուք պետք է միաձուլվել կոնֆիգուրացիայի օբյեկտներ, վեբ փաթեթ - միաձուլվել կարող է օգտակար լինել: Կա նաև ա վեբ փաթեթ կոնկրետ միաձուլվել տարբերակ, որը հայտնի է որպես միաձուլվել.

Այս առնչությամբ, ինչի՞ համար է օգտագործվում Webpack-ը:

Վեբ փաթեթ JavaScript հավելվածների համար ստատիկ մոդուլային փաթեթ է. այն վերցնում է ձեր հավելվածի ամբողջ ծածկագիրը և այն օգտագործելի վեբ բրաուզերում: Մոդուլները ձեր հավելվածի JavaScript-ից, node_modules-ից, պատկերներից և CSS ոճերից կառուցված կոդերի բազմակի օգտագործման կտորներ են, որոնք փաթեթավորված են հեշտ լինելու համար: օգտագործվում է ձեր կայքը.

Ինչպե՞ս են աշխատում Sourcemaps-ը:

Ինչպես Աղբյուրը Քարտեզների աշխատանք . Ինչպես ենթադրում է անունից, աղբյուրի քարտեզը բաղկացած է տեղեկատվության մի ամբողջ փունջից, որը կարող է օգտագործվել սեղմված ֆայլի մեջ ծածկագիրը վերադարձնելու իր սկզբնական աղբյուրին: Դուք կարող եք նշել տարբեր աղբյուրի քարտեզ ձեր սեղմված յուրաքանչյուր ֆայլի համար: