javascript - Rollup 要我创建全局变量。我如何使用 'export default' ？

Question

我有一个小应用程序，我正在转换为使用汇总。它使用 ES6 模块 - 当我运行 rollup -c 时，它提示我的 ES6 模块之一:

/js/monogram.js (imported by src\main.js)
(!) Missing global variable name
Use output.globals to specify browser global variable names corresponding to external modules
/js/monogram.js (guessing 'drawMonogram')
created public\js\bundle.js in 311ms

模块 monogram.js 使用:

export default drawMonogram

我正在导入它:

import drawMonogram from '/js/monogram.js';

这两个在 rollup 之前都有效。现在这样不行吗？

我真的应该让 output.globals 指定一个全局名称吗？

为什么我需要一个全局变量？ ES6 模块的全局需求(我原以为模块会在功能范围内)还是汇总？

Answer 1

Rollup 的错误与问题完全无关。 它根本无法在该路径导入模块。在浏览器中使用 ES6 模块，

import drawMonogram from '/js/monogram.js';

相对于网络服务器根目录。然而，在 developmnt 框上使用 rollup，

import drawMonogram from '/js/monogram.js';

被认为是相对于/在硬盘上。使用相对导入修复了错误。

import drawMonogram from './monogram.js';