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

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

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

标签： javascriptrolluprollupjs