Quiero aprender la biblioteca D3. Así que lo instalé a través de npm. Después de un tiempo encontré un problema al aplicar la transición en un objeto svg (vea mi pregunta original aquí: transision() causa TypeError no detectado con D3 versión 7.2.1 ). Me aconsejaron empaquetar la biblioteca para resolver el problema.
He tenido problemas para agrupar la biblioteca D3 usando browserify. He hecho estos pasos:
Después de ejecutar el comando, obtuve esto:
....\node_modules\d3\src\index.js:1 exportar * desde "d3-array"; ^ ParseError: 'importar' y 'exportar' pueden aparecer solo con 'sourceType: module'
No tengo ni idea de lo que estoy haciendo mal.
Antes de darte una solución, quiero darte el contexto del problema real.
Browserify le permite combinar múltiples archivos javascript en un solo archivo. Esto realmente le evita tener que incluir múltiples etiquetas <script> en su html.
Desde mi perspectiva, es una versión más limpia y simple de webpack/rollup pero menos versátil.
D3 parece estar escrito en una versión de javascript que admite instrucciones de importación/exportación y usa Rollup para convertirlo a javascript estándar que el navegador (y browserify) puede entender.
Importe la versión final de d3 que ya se transpiló.
const d3 = require('d3/dist/d3'); // do something with d3 here const targetElem = d3.select('#target'); targetElem.text('HELLO WORLD');