如何在导入的JavaScript文件中使用Node模块?

时间:2020-04-10 17:13:24

标签: javascript node.js

我刚开始使用像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的官方答案,但对我的初学者来说似乎过于复杂),或者我可以重新组织项目/使用其他方法使其以某种方式工作吗?

0 个答案:

没有答案