Отладка в devtools с помощью Webpack

С требуют.js было очень легко отладить модуль в DevTools Chrome, просто введя:

require('my-module').callThisFunction()

С Webpack это больше невозможно, потому что он компилирует модули через CLI и не экспортирует require.

window.webpackJsonp глобально подвержен, поэтому я подумал, что могу просто найти идентификатор модуля и назвать его так:webpackJsonp([1],[]), но, к сожалению, это возвращает undefined.

есть ли обходные пути, чтобы все еще иметь возможность отлаживать, как требовать.Яш?

8
javascript webpack

2 ответов

добавить код в модуль в комплекте

require.ensure([], function() {
  window.require = function(smth) {
    return require('./' + smth);
  };
});

теперь вы можете использовать "require" из консоли chrome, например require ("app").doSmth()

1

Вы можете получить что-то довольно близко, используя expose-loader. То есть. для React вы могли бы { test: require.resolve("react"), loader: "expose?React" } в конфигурации загрузчика. После этого вы можете получить доступ React через консоль. То же самое относится и к другим библиотекам.

1