小编Dav*_*vid的帖子

我正在使用 rollup 来捆绑一个库，并且我希望将外部依赖项与我的代码一起包含在 UMD 捆绑包中。我在文档中找不到任何关于此的有用信息。可能我遗漏了一些明显的东西，但似乎文档仅演示了如何将相关模块标记为外部模块。我一直在努力实现这一目标，但没有成功。可行吗？如果可行，如何实现？

我的代码使用外部组件： src/index.ts

import { ExternalComponent } from \'external-component\'\n\nfunction MyComponent()\xc2\xa0{\n  const externalComponent = ExternalComponent()\n  // ...\n}\n\nexport default MyComponent\n

期望的输出： bundle.umd.js

function ExternalComponent() {\n // ...\n}\n\nfunction MyComponent()\xc2\xa0{\n  const externalComponent = ExternalComponent()\n  // ...\n}\n

rollup.config.js

import babel from \'@rollup/plugin-babel\'\nimport typescript from \'rollup-plugin-typescript2\'\nimport resolve from \'@rollup/plugin-node-resolve\'\nimport { terser } from \'rollup-plugin-terser\'\nimport localTypescript from \'typescript\'\n\nconst CONFIG_BABEL = {\n  extensions: [\'.js\', \'.jsx\', \'.ts\', \'.tsx\'],\n  exclude: \'node_modules/**\',\n  babelHelpers: \'bundled\',\n}\n\nconst CONFIG_TYPESCRIPT = {\n  tsconfig: \'tsconfig.json\',\n  typescript: localTypescript,\n}\n\nconst …