Webpack ішіндегі Devtool дегеніміз не?
Webpack ішіндегі Devtool дегеніміз не?

Бейне: Webpack ішіндегі Devtool дегеніміз не?

Бейне: Webpack ішіндегі Devtool дегеніміз не?
Бейне: Webpack за 2 минуты 2024, Қараша
Anonim

Devtool . Бұл опция бастапқы карталардың жасалу жолын және жасалу жолын басқарады. Дәлірек конфигурация үшін SourceMapDevToolPlugin пайдаланыңыз. Қолданыстағы бастапқы карталармен жұмыс істеу үшін бастапқы карта жүктеушісін қараңыз.

Сәйкесінше, Webpack ішіндегі Sourcemap дегеніміз не?

Белгілі бір мағынада бастапқы карталар сіздің құпия (кішірейтілген) кодыңыздың декодер сақинасы болып табылады. Қолдану Веб-пакет , сіздің ішіндегі devtool: "source-map" параметрін көрсету Веб-пакет config бастапқы карталарды қосады және Веб-пакет соңғы, кішірейтілген файлыңызда sourceMappingURL директивасын шығарады.

Содан кейін сұрақ туындайды, Webpack біріктіру дегеніміз не? веб-пакет - біріктіру қамтамасыз етеді а біріктіру массивтерді біріктіретін және жаңа нысан жасайтын нысандарды біріктіретін функция. Қажет кезде біріктіру конфигурация объектілері, веб-пакет - біріктіру пайдалы болуы мүмкін. Сондай-ақ бар веб-пакет нақты біріктіру деп аталатын нұсқа біріктіру.

Осыған байланысты Webpack не үшін пайдаланылады?

Веб-пакет JavaScript қолданбаларына арналған статикалық модуль жинақтаушысы болып табылады - ол сіздің қолданбаңыздан барлық кодты алады және оны веб-шолғышта қолдануға болады. Модульдер - бұл қолданбаның JavaScript, node_modules, кескіндер және оңай жинақталған CSS мәнерлерінен жасалған қайта пайдалануға болатын код бөліктері. қолданылған сіздің веб-сайтыңыз.

Sourcemaps қалай жұмыс істейді?

Қалай Бастапқы карталар жұмысы . Атауынан көрініп тұрғандай, бастапқы карта қысылған файлдағы кодты бастапқы көзіне қайта салыстыру үшін пайдаланылуы мүмкін ақпараттың толық жиынтығынан тұрады. Қысылған файлдарыңыздың әрқайсысы үшін басқа бастапқы картаны көрсетуге болады.

Ұсынылған: