Node.js
Использование Browserfiy для разрешения «требуемой» ошибки с помощью браузеров
Поиск…
Пример - file.js
В этом примере у нас есть файл с именем file.js.
Предположим, что вам нужно проанализировать URL-адрес с помощью JavaScript и модуля запросов NodeJS.
Для этого вам нужно всего лишь вставить следующий файл в свой файл:
const querystring = require('querystring');
var ref = querystring.parse("foo=bar&abc=xyz&abc=123");
Что делает этот фрагмент?
Итак, во-первых, мы создаем модуль querystring, который предоставляет утилиты для синтаксического анализа и форматирования строк запроса URL. Доступ к нему можно получить, используя:
const querystring = require('querystring');
Затем мы анализируем URL-адрес, используя метод .parse (). Он анализирует строку запроса URL (str) в набор пар ключ и значение.
Например, строка запроса 'foo=bar&abc=xyz&abc=123'
анализируется на:
{ foo: 'bar', abc: ['xyz', '123'] }
К сожалению, у браузеров не установлен метод require , но Node.js.
Установка браузера
С помощью Browserify вы можете писать код, который требует использования так же, как и в Node. Итак, как вы это решаете? Это просто.
- Первый установочный узел, который поставляется с npm. Затем выполните:
npm install -g browserify
- Перейдите в каталог , в котором ваш file.js является и установить наш модуль с НПМ строки запроса:
npm install querystring
Примечание. Если вы не изменяетесь в конкретном каталоге, команда завершится неудачно, так как не сможет найти файл, содержащий модуль.
- Теперь рекурсивно свяжите все необходимые модули, начиная с file.js, в один файл с именем bundle.js (или как вам нравится его называть) с помощью команды браузера :
browserify file.js -o bundle.js
Browserify анализирует синтаксическое дерево Abstract для запросов require (), чтобы пересечь весь график зависимостей вашего
- НаконецЗаверните один тег в свой html, и все готово!
<script src="bundle.js"></script>
Случается, что вы получаете комбинацию старого .js-файла ( file.js ) и вашего вновь созданного файла bundle.js . Эти два файла объединяются в один файл.
Важный
Имейте в виду, что если вы хотите внести какие-либо изменения в файл file.js и не повлияете на поведение вашей программы. Ваши изменения вступят в силу только если вы отредактируете вновь созданный файл bundle.js
Что это значит?
Это означает, что если вы хотите редактировать file.js по каким-либо причинам, изменения не будут иметь никаких эффектов. Вам действительно нужно отредактировать bundle.js, так как это слияние bundle.js и file.js.