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

Question

我想将第三个依赖项合并到捆绑文件中。根据官方网站的配置，它不会生效。 这是我的代码

rollup.config.js

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

index.js

import { CanvasRoot } from "react-webgl";

const cr = new CanvasRoot();

但是当我打包文件时，我会得到很多信息

index.js→main.js ...

（！）未解决的依赖项

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

react-webgl（由index.js导入）

（！）缺少全局变量名称

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

这是捆绑文件

(function (reactWebgl) {
    'use strict';

    const cr = new reactWebgl.CanvasRoot();

}(reactWebgl));

这困扰了我两天，任何提示将不胜感激