tutorial - Administrador de paquetes: Bower vs jspm

instalar bower

Question

¿En qué se diferencia Bower de jspm ? ¿Puede Bower proporcionar la funcionalidad jspm sobre el cargador universal de módulos SystemJS ?

Answer 1

Para agregar a la respuesta de Capaj:

Si tienes un proyecto pequeño, ve con jspm de todos modos. ¡Es el futuro! (quién sabe, las cosas cambian, pero esta es una buena apuesta).

Uso de proyectos pequeños:

$ jspm install jquery

luego en tu HTML:

    <script src="jspm_packages/system.js"></script><!-- required -->
    <script src=''config.js''></script><!-- required -->
    <script type="module">
        System.import(''path/to/your/main.js'')
    </script>

luego en main.js:

import $ from ''jquery''; // ES6-style import
// do whatever with jQuery here.

Puede usar formatos de módulos CommonJS, AMD o ES 6. JSPM los detecta automáticamente en tus archivos (aunque no puedes mezclarlos y unirlos en el mismo archivo).

var $ = require(''jquery''); // CommonJS-style import
// do whatever with jQuery here.

define([''jquery''], function($) { // AMD-style import
    // do whatever with jQuery here.
})

Answer 2

Bueno, JSPM es un proyecto mucho más grande y ambicioso que Bower. Bower tiene un solo propósito: descargar los archivos fuente que necesita de la web a su disco duro. Para usted como consumidor, Bower no hace nada más. Si desea ejecutar archivos de script desde bower, debe crear las etiquetas de script para cada uno de ellos.

Mientras que jspm no es solo un descargador de módulos. Se descarga por defecto el sistema que has mencionado. SystemJS se implementa de la forma más cercana posible a https://whatwg.github.io/loader/ . En realidad, el autor de JSPM es un participante muy activo del proceso de especificación. Con systemjs, hoy puede cargar ES6 (al transpilarlos en el navegador), módulos CommonJS o AMD en el navegador sin construirlos. No solo los módulos ES6, sino también todas las demás características de ES6 compatibles con traceur / babeljs / typescript. Dependiendo del compilador que elija al ejecutar jspm init . SystemJS funciona 1: 1 en node.js, así como en el navegador, por lo que la prueba de la unidad de su aplicación se realiza fácilmente.

También puede construir el paquete para usted ( jspm build ) cuando necesite ir a producción. Entonces, es obvio que jspm (+ systemjs) es una herramienta más poderosa. Entonces, como regla general:

• ¿Necesita obtener jquery rápidamente e incluirlo en su html templado en el servidor? Ir con una etiqueta de script normal. Bower ha sido desaprobado.
• ¿Necesitas construir una gran aplicación JS? Ve con la Webpack. JSPM no ha logrado llegar a la masa crítica y todos están haciendo un paquete web ahora.