小编luc*_*one的帖子

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

我想将第三个依赖项合并到捆绑文件中。按照官网的配置,没有生效。\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
Run Code Online (Sandbox Code Playgroud)\n\n

索引.js

\n\n
import { CanvasRoot } from "react-webgl";\n\nconst cr = new CanvasRoot();\n
Run Code Online (Sandbox Code Playgroud)\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
Run Code Online (Sandbox Code Playgroud)\n\n …

javascript rollup rollupjs

6
推荐指数
0
解决办法
1287
查看次数

标签 统计

javascript ×1

rollup ×1

rollupjs ×1