Как объединить сторонние зависимости в пакетные файлы

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();

Но когда я связываю файл, я получаю thoese информация

index. js → main. js ...

(!) Неразрешенные зависимости

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

act-webgl (импортировано по индексу. js)

(!) Отсутствует имя глобальной переменной

Используйте output.globals, чтобы указать имена глобальных переменных браузера, соответствующие внешним модулям реагировать-webgl (угадывая 'activWebgl')

Вот файл пакета

(function (reactWebgl) {
    'use strict';

    const cr = new reactWebgl.CanvasRoot();

}(reactWebgl));

Это беспокоило меня в течение двух дней, любые советы будут оценены