Javascript 使用具有汇总功能的节点模块构建web客户端

我正在尝试使用rollup而不是browserify和babel构建react应用程序。我意识到我需要使用

rollup插件babel

来传输jsx，但当我告诉rollup格式为

iife

时，最后一页加载时出现错误：

未捕获引用错误：未定义React

我需要在

rollup.config.js

中添加什么才能在最终构建中包括我在

package.json

中安装的节点模块？

两个选项：

将React作为单独的

标记包含在应用程序包之前

包括在配置文件中，以从

节点\u模块

文件夹中提取依赖项

如果您选择第二条路线，您还需要（将CommonJS模块转换为ES模块）。我认为您还需要将

import*作为React from'React'

添加到包含JSX的每个模块中，否则您将继续得到ReferenceError

注意：您可以使用来传输JSX。它与Babel插件类似，但速度要快得多（尽管它不能传输所有ES2015功能）

两个选项：

将React作为单独的

标记包含在应用程序包之前

包括在配置文件中，以从

节点\u模块

文件夹中提取依赖项

如果您选择第二条路线，您还需要（将CommonJS模块转换为ES模块）。我认为您还需要将

import*作为React from'React'

添加到包含JSX的每个模块中，否则您将继续得到ReferenceError

注意：您可以使用来传输JSX。它与Babel插件类似，但速度要快得多（尽管它不能传输所有ES2015功能）