我刚开始使用像JavaScript这样繁重的项目,所以我确定很多事情我做得不好。
我有一个Node项目,其文件结构大致类似于
project
|- index.js
|- hello.html
|- package.json
|- public
|- views
|- chart.js
我使用node index.js
在本地服务器上运行该站点。我已经安装了express,并且在index.js
中使用它来将请求'/'
路由到文件hello.html
。在我的html文件中,我正在从chart.js
导入js脚本,例如
<head>
<script type="text/javascript" src="/views/chart.js"></script>
</head>
如果我在chart.js
中编写代码(例如控制台日志记录),那么它可以按预期工作,因此我知道我的文件已按需要连接。我的问题是我安装了要在chart.js
中使用的Node模块(D3)来制作条形图,但是我没有使其工作。如果我将const d3 = require('d3')
放入index.js
文件中,并尝试在d3
文件中使用chart.js
,则会收到Uncaught ReferenceError,因为找不到d3
;另一方面,如果我将const d3 = require('d3')
直接放在chart.js
中,则找不到require
(根据一些搜索,我了解到这是因为require
是Node事物而不是浏览器的东西)。
有人可以告诉我在导入的javascript文件中使用外部库(例如D3)的简单方法吗?我是否需要弄清楚RequireJS(这是this related question的官方答案,但对我的初学者来说似乎过于复杂),或者我可以重新组织项目/使用其他方法使其以某种方式工作吗?