Javascript 如何将matterjs作为npm模块导入p5草图？_Javascript_Node.js_P5.js_Matter.js

Javascript 如何将matterjs作为npm模块导入p5草图？

javascript node.js

Javascript 如何将matterjs作为npm模块导入p5草图？,javascript,node.js,p5.js,matter.js,Javascript,Node.js,P5.js,Matter.js,我正在开发一个P5草图，我是从Daniel Shiffman的“将Express与节点一起使用-WebSocket和P5.js教程”（Using Express with Node-WebSocket and P5.js Tutorial）开始的。我想利用Matter.js physics，所以我用npm安装了matterjs（npm安装matterjs）。我想在p5.js草图中导入/node\u modules/matterjs/dist/matter.js文件，但我想不出正确的方法我的文件

我正在开发一个P5草图，我是从Daniel Shiffman的“将Express与节点一起使用-WebSocket和P5.js教程”（Using Express with Node-WebSocket and P5.js Tutorial）开始的。我想利用Matter.js physics，所以我用npm安装了matterjs（

npm安装matterjs

）。我想在p5.js草图中导入

/node\u modules/matterjs/dist/matter.js

文件，但我想不出正确的方法

我的文件结构如下所示：

./server.js
./public/
   index.html
   sketch.js
./node_modules/
   matterjs/
      dist/
         matter.js

到目前为止，我已经尝试了以下方法：

1。将

matter.js

视为常规js文件，并将相对路径添加到

index.html

中：

    ...
    <body>
      <script src="../node_modules/matterjs/dist/matter.js"></script>
      ...

以下是我的一些文件的外观，以供参考：

server.js

var express = require('express')
var app = express()

// get the port number from the command line args
const port = (process.argv.length > 2) ? process.argv[2] : 3000

console.log("Starting server on port " + port)

var server = app.listen(port)
app.use(express.static('public'))

/*jshint esversion: 8 */

import Matter from "matter"; // this changed as I was trying different things

// matter.js
var Engine = Matter.Engine;
...

sketch.js

var express = require('express')
var app = express()

// get the port number from the command line args
const port = (process.argv.length > 2) ? process.argv[2] : 3000

console.log("Starting server on port " + port)

var server = app.listen(port)
app.use(express.static('public'))

/*jshint esversion: 8 */

import Matter from "matter"; // this changed as I was trying different things

// matter.js
var Engine = Matter.Engine;
...

index.html


//当我尝试不同的事情时，情况发生了变化

我知道我可以添加对web上托管的

matter.js

文件的引用，但我希望避免在同一个项目中管理两个不同的matter实例