0
264
ViewsHow to use github javascript repositories on my webpage?
This has been bothering me for a long time, today I finally decided I need to get it solved. If this is off-topic, please kindly tell me where should I post this question.
I've been trying to use this javascript repository on github: https://github.com/jasondavies/d3-cloud. I know very little about github, node.js and npm, I just simply want to make a beautiful word cloud on my html page, but it seems everyone on github assume their readers are no newbies like me.
What I have tried:
- I have downloaded the .zip file and extracted them into a
projectfolder. Then under the folder I create a test.html file:
<head> <script src="/project/build/d3.layout.cloud.js"></script> </head> <body> <div id="test"> </div> </body>
The DOC is very simple. Without any actual example, I don't know how to get started. I've tried
d3.layout.cloud('#test').start();
It doesn't work at all. The DOC does mention examples, there are only two files under the example folder. They are all node.js javascript files. So I can't directly use it because they use require. So I tried to install them on my linux server.
I create a
projectfolder on my server, and then ran
Now there are two folders under folder project: d3-cloud and node_modules. Not knowing if I have successfully installed it, I went into folder d3-cloud and ran
npm i
Now the whole folder structure is like this:
I understand folder node_modules is dependencies but I am totally confused here.
- When I first did
git clonedid I already install the package? - Is running
npm iredundant? But it does create anothernode_modulesfolder and install a lot of things under it as the screenshot below shows:
Are these all dependencies of this javascript app? So many? - At this point, do I HAVE TO use some bundling tools such as webpack(I merely know the name upon some brief google search) in order to use the .js file on my webpage?