在浏览器运行环境中如何引入npm下载的包?

现在是这么写的直接运行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里

阅读 426
评论 2019-10-10 提问
    4 个回答
    gaoryrt
    • 2.6k

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

    clipboard.png

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

    建议先去学 webpack 怎么用

    评论 赞赏 2019-10-10

      浏览器下不能用require require是node中引用的方式. 浏览器你得用 import

      评论 赞赏 2019-10-10
        IMSKK
        • 173

        你可能需要的是webpack。

        评论 赞赏 2019-10-10

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

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

          评论 赞赏 2019-10-10
            撰写回答

            登录后参与交流、获取后续更新提醒