当前位置: 首页 > 面试题库 >

不使用Webpack进行反应

逑和蔼
2023-03-14
问题内容

我开始研究ReactJS。看来Facebook刚刚发布了15.0.1版本。去年,我在使用JSXTransformer的0.12.x版本中研究了这个框架,现在看来它已不复存在。

现在看来,几乎每个教程都建议将最新的React与Webpack结合使用。有没有办法完全不使用webpack?我正在尝试使用React
15.xx的艰巨任务找到一个很好的有效示例

任何帮助,将不胜感激。


问题答案:

似乎不赞成使用Jsx变压器。

更新04/08/2019:使用https://github.com/developit/htm进行极简反应设置。

如果您不想使用Webpack,则必须考虑可以使用哪些功能。

随着浏览器对ES6功能的支持的提高,您现在可以拥有ES6语法,并且还可以使用模块(在激活实验性标志时)而无需使用Webpack。

如果要使用JSX,则始终需要将其转换为JS,因为地平线上的浏览器没有对它的本机支持。最简单的方法是将带有“
React”预设的Babel中间件添加到开发服务器。

依赖关系管理也将变得复杂,因为npm在CommonJS中提供了程序包,这些程序包无法在浏览器中正常运行…

如果您想尝试一下,可以查看我放在GitHub React Without
Webpack
上的实验React入门套件,该套件尝试使用本机浏览器功能和http2复制大多数webpack功能。



 类似资料:
  • 我正在使用webpack将一些boostrap和其他css文件捆绑在一起,下面是webpack.config.js文件var htmlWebPack=require('html-webpack-plugin');var ExtractTextPlugin=require(“extract-text-webpack-plugin”); 我引用了main.ts文件中的引导文件夹,如下所示 但是当我运行

  • 问题内容: 我希望能够在使用jest时使用webpack别名来解析导入,并且最好参考以避免重复。 开玩笑的conf: Webpack别名: 进口: 由于某种原因,导致了问题,因此将其删除(使用别名和导入)时,可以找到但仍然无法解决。 我尝试使用jest-webpack-alias,babel-plugin-module-resolver和Jest / Webpack docs 问题答案: 这似乎已

  • 我正在使用webpack,并根据示例分别基于whatwg-fetch和es6-promise包为较旧的浏览器提供了polyfill fetch和Promise。 但是,现在我需要polyfill array.prototype.find(),但是找不到如何使用WebPack的ProvidePleugin特性实现这一点。find的不同之处在于,它本质上是数组原型上的一个方法,我还没有找到如何使用Pr

  • 我有一个类扩展了React。组件类,我将为我希望接收的道具传递我自己的接口。问题是当我使用webstorm linter说有问题,指出类型“typeof SomeComponent”上不存在属性“propTypes”。 我不知道为什么会这样...... 的代码为 当我编写以下代码创建函数组件时,会引发类似的异常: 在本例中,使用

  • 问题内容: 我正在尝试创建一个通用组件,用户可以在其中将自定义传递给组件以一路进行类型检查。此组件还需要一个。 我可以在没有forwardRef的情况下使其正常工作。有任何想法吗?代码如下: 没有ForwardRef.tsx WithForwardRef.tsx App.tsx 在中,它表示该组件不是通用的。有没有办法做到这一点? 回购示例:https : //github.com/jgodi/g

  • 我有一个字段,它通过类序列化为ISO-8601格式。 当我收到以下JSON时, 通过将jackson-datatype-jsr310模块包含到项目中,并使用和解决了这个问题。