Webpack ичиндеги Devtool деген эмне?
Webpack ичиндеги Devtool деген эмне?

Video: Webpack ичиндеги Devtool деген эмне?

Video: Webpack ичиндеги Devtool деген эмне?
Video: Webpack за 2 минуты 2024, Май
Anonim

Devtool . Бул параметр булак карталары кандайча түзүлөөрүн көзөмөлдөйт. Жакшыраак конфигурация үчүн SourceMapDevToolPlugin колдонуңуз. Учурдагы булак карталары менен иштөө үчүн булак-карта жүктөгүчтү караңыз.

Демек, Webpackтеги Sourcemap деген эмне?

Кандайдыр бир мааниде, булак карталары сиздин жашыруун (кичирейтилген) кодуңуздун декодер шакеги болуп саналат. Колдонуу Webpack , devtool көрсөтүү: "булак-карта" сиздин Webpack config булак карталарын иштетет жана Webpack акыркы, кичирейтилген файлыңызда sourceMappingURL директивасын чыгарат.

Андан кийин суроо туулат, Webpack бириктирүү деген эмне? веб-пакет - бириктирүү камсыз кылат а бириктирүү массивдерди бириктирүүчү жана жаңы объектти түзгөн объекттерди бириктирүүчү функция. Качан керек болсо бириктирүү конфигурация объекттери, веб-пакет - бириктирүү жардам бере алат. Ошондой эле бар веб-пакет конкреттүү бириктирүү деп аталган вариант бириктирүү.

Буга байланыштуу Webpack эмне үчүн колдонулат?

Webpack бул JavaScript тиркемелери үчүн статикалык модулдун пакети болуп саналат - ал сиздин тиркемеңизден бардык кодду алат жана аны веб браузерде колдонууга жарактуу кылат. Модулдар - бул колдонмоңуздун JavaScript'инен, node_modules'тен, сүрөттөрдөн жана оңой болушу үчүн пакеттелген CSS стилдеринен түзүлгөн коддун көп жолу колдонулуучу бөлүктөрү. ичинде колдонулат сиздин веб-сайтыңыз.

Sourcemaps кантип иштейт?

Кантип Булак карталары иштейт . Аты айтып тургандай, булак картасы кысылган файлдын ичиндеги кодду баштапкы булагына кайтаруу үчүн колдонула турган маалыматтын толук топтомунан турат. Сиз кысылган файлдарыңыздын ар бири үчүн башка булак картасын көрсөтө аласыз.

Сунушталууда: