Ручное тестирование с помощью модулей webpack - PullRequest
0 голосов
/ 26 января 2020

Это дополнительный вопрос для моего предыдущего вопроса :

По сути, веб-пакет решит проблему, возникшую у меня в предыдущем вопросе, но я не могу найти хороший способ вручную проверить мои страницы javascript файлов.

Когда я впервые прочитал, что делает веб-пакет, я планировал сделать следующее:

  1. написать свой код с импортом с одной точкой входа, используя npm зависимости.
  2. при тестировании моего кода, в версии developement, я бы загружал файл основного модуля в браузер, для целей тестирования, который импортировал бы зависимости (вот где у меня проблема)
  3. для производственной версии, я бы связал все с webpack, поэтому браузеры, которые не поддерживают оператор import, могут по-прежнему запускать мой javascript

Очевидная проблема с этим (по крайней мере, очевидная для меня) заключается в том, что если я сделаю что-то подобное в моем javascript файле:

import jQuery from 'jquery';

браузер не будет иметь Идея, что делает 'jquery' означает, в то время как узел будет справляться с этим достаточно хорошо.

OPTION Можно было бы всегда связывать мои файлы с webpack, даже для версии разработки, но это привело бы к двум проблемам imo:

  1. было бы очень утомительно без автоматического инструмента: всякий раз, когда я изменял один из моих файлов. js, мне нужно было бы снова запускать упаковщик. Я мог бы найти решение для этой проблемы, может быть, есть инструмент автоматического наблюдения, или, если нет, я мог бы написать его.
  2. , когда я буду потом вручную тестировать свой код, если в нем есть ошибки, он будет очень трудно найти и сопоставить ошибку, которую выдает браузер, с моим фактическим, разделенным кодом.

Нет ли инструмента или метода, с помощью которого я могу использовать загруженные модули npm из браузера это разрешит импорт так же, как это делает узел, так что я смогу выполнить мой первоначальный трехэтапный план для работы с javascript?

1 Ответ

1 голос
/ 26 января 2020

вы можете использовать веб-пакет для отладки вашего приложения в среде разработки. Webpack предоставил наблюдателя для повторного связывания вашего исходного кода при любом изменении, из памяти команда --inline hot. По вашей второй проблеме поиска около sourceMap веб-пакет предоставил вам доступ к вашему исходному коду, когда он входит в комплект.

https://ehsangazar.com/source-maps-and-how-it-works-b3f93ca7ea5 => статья о веб-пакете sourcemap

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...