rollup 如何将第三方依赖项合并到捆绑文件中

Question

我想将第三个依赖项合并到捆绑文件中。按照官网的配置，没有生效。\n这是我的代码

\n\n

rollup.config.js

\n\n

import resolve from "rollup-plugin-node-resolve";\nimport commonjs from "rollup-plugin-commonjs";\nexport default {\n  input: "index.js",\n  output: {\n    file: "main.js",\n    format: "iife"\n  },\n  plugins: [\n    resolve({ mainFields: ["jsnext", "module", "main"],\n   }),\n    commonjs({\n      include: "node_modules/**"\n    })\n  ]\n};\n

\n\n

索引.js

\n\n

import { CanvasRoot } from "react-webgl";\n\nconst cr = new CanvasRoot();\n

\n\n

但是当我捆绑文件时，我得到了这些信息

\n\n

index.js \xe2\x86\x92 main.js...

\n\n

(!) 未解决的依赖关系

\n\n

https://rollupjs.org/guide/en/#warning-treating-module-as-external-dependency

\n\n

React-webgl（由index.js导入）

\n\n

(!) 缺少全局变量名称

\n\n

使用output.globals指定外部模块对应的浏览器全局变量名\nreact-webgl（猜测\'reactWebgl\'）

\n\n

这是捆绑文件

\n\n

(function (reactWebgl) {\n    \'use strict\';\n\n    const cr = new reactWebgl.CanvasRoot();\n\n}(reactWebgl));\n\n

\n\n

这困扰了我两天，任何建议将不胜感激

\n