0
271
Views¿Cómo usar los repositorios de javascript de github en mi página web?
Esto me ha estado molestando durante mucho tiempo, hoy finalmente decidí que necesitaba resolverlo. Si esto está fuera de tema, por favor dígame dónde debo publicar esta pregunta.
He estado tratando de usar este repositorio de javascript en github: https://github.com/jasondavies/d3-cloud . Sé muy poco sobre github, node.js y npm, solo quiero crear una hermosa nube de palabras en mi página html, pero parece que todos en github asumen que sus lectores no son novatos como yo.
Lo que he probado:
- Descargué el archivo .zip y los extraje en una carpeta de
project. Luego, debajo de la carpeta, creo un archivo test.html:
<head> <script src="/project/build/d3.layout.cloud.js"></script> </head> <body> <div id="test"> </div> </body>
El DOC es muy simple. Sin ningún ejemplo real, no sé cómo empezar. He intentado
d3.layout.cloud('#test').start(); No funciona en absoluto. El DOC menciona ejemplos, solo hay dos archivos en la carpeta de example . Todos son archivos javascript de node.js. Entonces no puedo usarlo directamente porque usan require . Así que traté de instalarlos en mi servidor Linux.
Creo una carpeta de
projecten mi servidor y luego ejecutoclon de git https://github.com/jasondavies/d3-cloud.git
Ahora hay dos carpetas en la carpeta project : d3-cloud y node_modules . Sin saber si lo instalé con éxito, entré en la carpeta d3-cloud y ejecuté
npm i Ahora toda la estructura de carpetas es así: 
Entiendo que la carpeta node_modules son dependencias, pero estoy totalmente confundido aquí.
- Cuando hice
git clonepor primera vez, ¿ya instalé el paquete? - ¿
npm iredundante? Pero crea otra carpetanode_modulese instala muchas cosas debajo de ella, como muestra la siguiente captura de pantalla:
¿Son todas estas dependencias de esta aplicación javascript? ¿Tantos? - En este punto, ¿TENGO QUE usar algunas herramientas de agrupación como webpack (simplemente sé el nombre después de una breve búsqueda en Google) para usar el archivo .js en mi página web?