结合使用节点模块和汇总来构建Web客户端

杰尔曼

我正在尝试使用汇总而不是browserify和babel构建一个React应用程序。我意识到我需要使用rollup-plugin-babel来转换jsx,但是当我告诉汇总格式为时,iife最后一页会加载错误:

Uncaught ReferenceError: React is not defined

我需要添加什么rollup.config.js以包括我package.json在最终版本中安装的节点模块

里奇·哈里斯(Rich Harris)

两种选择:

  1. <script>在您的应用捆绑销售之前将React作为单独的标签添加
  2. 在配置文件中包含rollup-plugin-node-resolve,以从node_modules文件夹中提取依赖项

如果您选择第二种方法,则还需要rollup-plugin-commonjs(将CommonJS模块转换为ES模块)。认为您还需要向import * as React from 'react'包含JSX的每个模块中添加,否则您将继续获得ReferenceError。

注意:您也许可以使用rollup-plugin- buble来转译JSX。它类似于Babel插件,但速度更快(尽管它并不能移植所有ES2015功能)

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用汇总在Sapper客户端中构建外部和全局变量

我如何构建一个简单的节点js服务器来发送和接收到客户端?

如何在客户端代码中使用节点模块?

如何在Phoenix中使用客户端订阅的特定响应来构建Web套接字服务器?

将 bluebirdjs 与 Google Cloud Datastore 节点客户端库结合使用

Elasticsearch REST高级客户端结合了查询构建器

如何仅构建evosuite的客户端模块

将javafx客户端与Spring Boot和Spring Security结合使用

节点js从客户端和另一个节点模块调用相同的延迟函数

在C#中结合使用客户端代理

节点:使用页面重定向向客户端发送JSON Web令牌

如何配置SIBus来调用客户端Web服务

是否可以仅使用HTML(5)和JavaScript构建torrent客户端?

如何使用NodeJS组织构建,服务器,客户端和共享JavaScript代码

使用节点时在客户端使用ajax

是否可以使用WIF客户端从客户端传递用户名和密码来登录ADFS联合身份验证?

如何使用节点将数据推送到客户端

在Elasticsearch中使用多个节点客户端

如何使用golang etcd客户端创建目录节点?

Web客户端和Web服务之间的区别?

使用docker compose时如何正确构建客户端?

使用Docker Go客户端并行构建Docker映像

neo4j .net 客户端和 web 客户端的不同结果

如何在客户端使用“文件类型”NPM 模块?

使用Web和Android客户端使用Java开发应用程序

反序列化JSON数组使用Jackson和Web客户端对象

Springboot:如何使用Web客户端,而不是RestTemplate表演非阻塞和异步调用

如何在 WEB API 中使用 SignalR 2,从 API 和客户端调用 SignalR 方法

UI SPA和移动客户端都应使用相同的Web API吗?