Есть ли инжектор, такой как grunt-wiredep, который работает для зависимостей NPM?

Большинство пакетов в настоящее время доступны как в NPM, так и в Bower. У меня должен быть NPM, но я бы хотел вырезать Bower из цикла в моем проекте.

В настоящее время я полагаюсь на grunt-wiredep для создания <script> в моем index.html. Этот инструмент просматривает все конфигурации Bower, чтобы вытащить все необходимые js и css файлы в мой index.html для меня.

Есть ли инструмент, который будет делать то же самое для зависимостей NPM?

Ответ 1

Вы могли бы сделать это с помощью модуля, такого как Browserify или Webpack..

Для начала работы с Browserify вам нужно будет сначала установить его через NPM глобально

npm install -g browserify

Затем в вашем проекте получите библиотеку интерфейса, которую вы хотите включить, например, в библиотеку angular

npm install --save angular

Теперь вам нужно будет использовать require(), чтобы сделать Browserify осведомленным о зависимостях, которые ему нужно извлечь для работы проекта (в случае приложения angular, где вы определяете основной модуль, добавьте эту первую строку)

var angular = require('angular');

angular
  .module('autocompleteDemo', [])
  .controller('DemoCtrl', DemoCtrl);

Для настройки задачи поиска grunt-firstify сначала установите его в проект

npm install grunt-browserify --save-dev

и сконфигурируйте задачу следующим образом

browserify: {
    main: {
        src: 'entry.js',
        dest: 'bundle.js'
    }
 }

Наконец, в вашем index.html вам нужно будет добавить разметку для пакета bundle.js script

<script src="bundle.js"></script>

Пример кода можно найти на https://github.com/pra85/grunt-browserify-example