问题标签 [reactify]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2863 浏览

gulp - 使用 gulp、Browserify、reactify、UglifyJS 的源映射

我正在尝试获取与 Chrome 一起使用的 JavaScript 文件的源映射。当前 gulp 脚本的问题是源映射(Browserify 创建的)导致文件的缩小版本。

例如,假设 app.jsx 是 Browserify 的入口文件,它在其中拥有require('a')require('b')调用。app.jsx 被浏览器化、反应化和丑化,并按预期写入 app.js。a但是,模块和模块中的所有源映射引用b也被缩小:

关于如何使它工作的任何想法?

0 投票
1 回答
11871 浏览

reactjs - browserify 找不到模块“反应”

我有一段反应代码叫做main.js

我正在尝试使用 browserify 并对其进行反应:

browserify -t reactify main.js

但我收到此错误:

鉴于我已经通过以下方式安装了reactnpmreactify模块:

  • npm install -g react
  • npm install -g reactify
0 投票
1 回答
588 浏览

javascript - Browserify 和 Reactify 源映射包括完整的本地路径名

我使用 watchify/browserify 用这个命令创建一个带有调试源映射的包——

当我使用 Chrome DevTools 调试生成的应用程序时,可以在其原始嵌套文件夹位置访问源文件,在 DevTools 的Sources面板中可见。

在此处输入图像描述

但是,当我使用此命令通过 reactify 运行它时-

Chrome DevTools 将所有源文件显示在同一文件夹中bundle.js,文件名包括完整的本地路径名。

在此处输入图像描述

我发现这很烦人并且很难在源面板和各个选项卡中识别正确的文件,因为文件太长而无法显示。

有谁知道如何解决这个问题,以便源文件显示在其原始文件夹位置(如图 1 所示)。谢谢

0 投票
2 回答
3203 浏览

reactjs - Browserify 使用 reactify 进行转换

我正在尝试使用 gulp 构建一个项目。不幸的是,我遇到了一些麻烦。

这就是我的 gulpfile.js 的样子:

问题是 gulp 显示一个错误,表明某些第三方库在某处有非法标记 '<' 有问题的文件是用 JSX 语法编写的。

但是,当我运行以下命令时,我没有遇到问题:

请问,我的 gulpfile 有什么问题?

提前感谢任何寻求帮助的人!

编辑:我怀疑 -g 选项使它递归地将 jsx 转换为纯 javascript,我试图在 watchify.transform 函数中找到等效项,但未成功。

0 投票
1 回答
265 浏览

node.js - 如果我们使用 reactify 是否需要安装 `node-jsx`

在我的 Nodejs 应用程序中,我使用 React。我 browserify + reactify 将.jsx文件转换为js文件。我在我的入口js文件中使用了这行代码:

我注意到它node-jsx已被弃用。如果我已经对我的反应文件进行了反应,我还需要这条线吗?

0 投票
1 回答
299 浏览

reactjs - 无法在浏览器中运行转换后的 jsx 到 js 文件。在浏览器中请求 jsxtransformer

我正在尝试使用 reactify 进行 jsx 转换,并且我已经使用 reactify 完成了从 jsx 到常规 js 的转换。但是当我尝试运行转换后的 js 文件时,它以某种方式没有显示内容。但是当我在浏览器中导入 jsxtransformer 时,它会显示内容。我无法理解我的程序中的错误。如果有人知道,请帮助我。谢谢你..

0 投票
0 回答
95 浏览

reactjs - 安装reactify后,cmd报错browserify不是内部或外部命令

我正在尝试进行 jsx 转换。我已经安装了 react-tool,react 和 reactify。我认为reactify是browserify的插件,如果我们有reactify,我们不需要安装browserify。但是在运行命令时browserify -t reactify public/js/flux/index.js > public/js/build/index.js,我收到一个错误"browserify is not an internal or external command."

解决方案是什么?

0 投票
1 回答
449 浏览

reactjs - gulp browserify + reactify 不创建包

当我运行 gulp 时,我得到一个“更新!” 和“更新!” 保存 main.js 后登录,但没有构建任何包

gulpfile.js

我的文件结构是

我没有发现任何错误,此时我完全迷失了。我尝试更改目录并重新加载所有内容,但没有任何效果。

0 投票
1 回答
940 浏览

javascript - package.json 中的 ES6 转译

祝大家感恩节快乐!

我遇到了一个情况,我希望有人可以帮助我。我有一个 package.json 文件,我正在尝试转换 es6,但不确定我做错了什么。我有我当前的 package.json 的 JS Fiddle:http: //jsfiddle.net/jdubba/nnhytbdr/但主要是,我在这里有这一行:

根据我一直在阅读的内容,在“browserify”对象中,在“transform”下,我应该能够执行以下操作:

但我做错了。我要离开我在这里找到的东西:https ://github.com/andreypopp/reactify

当我将转换数组更改为:

然后在我的代码中添加一个导入语句,我收到以下错误:

Parse Error: Line 2: Illegal import declaration while parsing file:

然后不可避免地让我走上了另一条发现之路:

https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=Parse+Error+Illegal+import+declaration+while+parsing

但我还没有找到任何可以解决我的问题的方法,而且我觉得我在绕圈子。这illegal import declaration error很常见,但我对无需使用 grunt 或 gulp 即可工作的解决方案感兴趣(这主要是我所看到的)。任何人都可以伸出援助之手吗?

0 投票
1 回答
2453 浏览

reactjs - Gulp、Reactify 和 Babelify 没有一起转换

这是我的 gulpfile 代码:

只有第一个转换语句运行,因此由于缺少额外的转换而引发错误(我正在使用 ES6 和 JSX w/react 编写)。

我完全不知所措,非常感谢帮助。