gruntjs - node - ¿Hay un inyector como grunt-wiredep que funcione para las dependencias de NPM?

node js task runner

Question

La mayoría de los paquetes actualmente están disponibles tanto en NPM como en Bower. Tengo que tener NPM alrededor, pero me gustaría cortar Bower fuera del ciclo en mi proyecto.

Actualmente estoy confiando en grunt-wiredep para crear <script> incluye en mi index.html . Esta herramienta analiza todas las configuraciones de Bower para extraer todos los archivos js y css necesarios en mi index.html .

¿Hay alguna herramienta que haga lo mismo para las dependencias de NPM?

Answer 1

Sería capaz de hacer eso usando un paquete de módulos como Browserify o Webpack .

Para comenzar con Browserify, primero tendrá que instalarlo a través de NPM globalmente

npm install -g browserify

Luego, en su proyecto, obtenga la biblioteca frontend que desea incluir, como por ejemplo la biblioteca angular

npm install --save angular

Ahora necesitará usar require() para que Browserify tenga en cuenta las dependencias que necesita recuperar para que el proyecto funcione (en el caso de la aplicación angular, donde define el módulo principal, agregue esta primera línea)

var angular = require(''angular'');

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

Para configurar la tarea grunt-browserify, primero instálela en el proyecto

npm install grunt-browserify --save-dev

y configure la tarea de la siguiente manera

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

Por último, en su index.html, tendrá que agregar marcado para la secuencia de comandos bundle.js

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

El código de ejemplo se puede encontrar en https://github.com/pra85/grunt-browserify-example