我正在尝试使用汇总而不是browserify和babel构建一个React应用程序。我意识到我需要使用rollup-plugin-babel
来转换jsx,但是当我告诉汇总格式为时,iife
最后一页会加载错误:
Uncaught ReferenceError: React is not defined
我需要添加什么rollup.config.js
以包括我package.json
在最终版本中安装的节点模块?
两种选择:
<script>
在您的应用捆绑销售之前将React作为单独的标签添加node_modules
文件夹中提取依赖项。如果您选择第二种方法,则还需要rollup-plugin-commonjs(将CommonJS模块转换为ES模块)。我认为您还需要向import * as React from 'react'
包含JSX的每个模块中添加,否则您将继续获得ReferenceError。
注意:您也许可以使用rollup-plugin- buble来转译JSX。它类似于Babel插件,但速度更快(尽管它并不能移植所有ES2015功能)
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句