0

现在是这么写的直接运行main.html会提示错误
Uncaught ReferenceError: require is not defineat main.js:1
`var THREE = require('three');
var scene = new THREE.Scene();`
现在想在main.html中直接跑起来,在浏览器运行环境中如何引入npm下载的包?
image.png
包在node_modules里

挑战 411
4 天前提问

查看全部 4 个回答

0

使用第三方NPM包,不使用构建工具。

那不如直接将包下载下来,script引入,或者直接找cdn

推荐答案

1

已采纳

浏览器并不能使用 require 关键字,在现在这个时间点上还有绝大多数浏览器都不支持 type="module" 的 import:

clipboard.png

常见的 require / import 都需要配合 webpack / rollup / parcel 这种打包工具,打包工具会把引入的包根据设置转换成浏览器可理解执行的形式,例如 iife、jsonp、全局变量

建议先去学 webpack 怎么用

推广链接