如何使用node.js设置javascript threejs库

我的问题是，3年前我一直在使用threejs，我记得当你必须包含你必须使用的库时：

但现在在文档中，他们使用另一种方式导入库：npm

因此，我遵循以下所有步骤：

安装node.js（

node-v

response

v12.16.3

）

为我的项目创建文件夹（threejs示例）

在文件夹内，我执行

npm init

在文件夹中设置项目。默认情况下，包json文件我的主脚本称为index.js

执行

npm安装--保存三个
以下载库

在index.js中插入以下行：

import*作为“三”中的三；
const scene=new THREE.scene（）；

我不知道如何从这一点继续下去。我试过：

• a） 我在index.html中编写
  但这种选择不起作用

• b） 我曾尝试使用库

  webpack

  和

  browserify

  创建一个捆绑包，但没有成功

如果是

browserify

I类型：

npm安装-g browserify
browserify index.js-o bundle.js

我得到以下错误：

对于

webpack

：我真的不知道怎么做

---

如有任何建议，将不胜感激。在advanced（高级）

中，有一个简单的入门项目展示了如何使用

three.js

的ES6模块和汇总：噢，谢谢！。我一直在寻找很多！！但并不成功。我会尝试，我会让你知道，但汇总是另一个模块捆绑，我真的很沮丧这么多不同的模块。不知道该用哪一种，或者是否有一种标准。所以我猜，当你做一个项目时，不管是哪一个，你都必须遵循一个文件夹结构，不是吗？嗯，你可以随意安排目录。一般来说，正确使用bundler是一项基本的JS技能，与

three.JS

无关。我只能建议你花点时间研究一下上述项目是如何运作的。使用模块和捆绑代码比使用全局脚本要好得多。谢谢Mugen87。它正在工作。我真的不明白它的工作原理，但我想这是一个调查的问题这里有一个简单的入门项目，展示了如何将

three.js

的ES6模块与汇总一起使用：噢，谢谢！。我一直在寻找很多！！但并不成功。我会尝试，我会让你知道，但汇总是另一个模块捆绑，我真的很沮丧这么多不同的模块。不知道该用哪一种，或者是否有一种标准。所以我猜，当你做一个项目时，不管是哪一个，你都必须遵循一个文件夹结构，不是吗？嗯，你可以随意安排目录。一般来说，正确使用bundler是一项基本的JS技能，与

three.JS

无关。我只能建议你花点时间研究一下上述项目是如何运作的。使用模块和捆绑代码比使用全局脚本要好得多。谢谢Mugen87。它正在工作。我真的不明白它的工作原理，但我想这是一个调查的问题