Есть ли способ требовать зависимости внутри консоли инструментов Chrome Dev?

Question

Я использую chrome dev tool console для отладки моего веб-приложения. Я могу написать некоторый код JavaScript на консоли, но я не могу написать что-то вроде const _ = require('lodash'). Интересно, как я могу заставить require работать на консоли.

Answer 1

Вы можете скопировать и вставить исходный код библиотеки Lodash в Фрагмент .

Всякий раз, когда вы хотите использовать Lodash на странице, вы запускаете Snippet. После этого Фрагмент доступен под window._.

Answer 2

Исходя из моего опыта, импорт библиотек через источник CDN сценария является наиболее распространенным способом.

Пример:

async function loadScript(url) {
  let response = await fetch(url);
  let script = await response.text();
  eval(script);
}

let scriptUrl = 'https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js'
loadScript(scriptUrl);

Вставьте приведенное выше в консоль Chrome, а затем попробуйте использовать команды lodash,

Пример:

>  _.debounce
< ƒ Vt(n,t,e){function r(){c&&ve(c),i=c=p=v,(g||h!==t)&&…