Модули NPM в проектах на основе Grunt

Question

Узел имеет простую систему загрузки модуля, которая использует вызов метода require() для загрузки модулей из разных мест в корневой папке. .

var qr = require('qr-image');  

Я пытаюсь сделать что-то подобное в ворчанием, но я неудачно с этим.

Я добавил этот модуль в файл package.json следующим образом, а затем выполнил npm install в корневой директории проекта.

"devDependencies": { 
    . 
    . 
    . 

    "qr-image": "^2.0.0" 
}, 

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

ReferenceError: require is not defined

Просьба предложить как использовать модуль npm в проекте на основе Grunt, спасибо.

Answer 1

Функция require не доступна в веб-браузерах. Вместо этого это часть nodejs, которая является серверным языком (например, что-то, что вы можете запускать прямо с вашего компьютера, а не в браузере) и используется для загрузки зависимостей на этом языке.

В веб-браузере, я обычно просто включить свои зависимости в качестве дополнительных скриптов на странице, например ,:

<script src="path/to/my/dependency.js"></script> 
<script src="path/to/my/code.js"></script> 

Некоторые другие варианты RequireJS или то, что перечислено в this question или больше зависимости общего назначения менеджер для интерфейсного кода: Bower.

Если вы сфокусировались на своем вопросе, вероятно, что зависимость «qr-image» npm не будет работать в клиентском коде для вас (поскольку она была создана для запуска через узел в серверном коде).

Быстрый поиск кода на стороне клиента QR-кода привел к этому SO post, что указывает на the QRCode.js project для генерации QR-кода на стороне клиента - я его не использовал, но он выглядит как шаг в правильном направлении, для чего вы работаете.