问题标签 [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.
gulp - 使用 gulp、Browserify、reactify、UglifyJS 的源映射
我正在尝试获取与 Chrome 一起使用的 JavaScript 文件的源映射。当前 gulp 脚本的问题是源映射(Browserify 创建的)导致文件的缩小版本。
例如,假设 app.jsx 是 Browserify 的入口文件,它在其中拥有require('a')
和require('b')
调用。app.jsx 被浏览器化、反应化和丑化,并按预期写入 app.js。a
但是,模块和模块中的所有源映射引用b
也被缩小:
关于如何使它工作的任何想法?
reactjs - browserify 找不到模块“反应”
我有一段反应代码叫做main.js
:
我正在尝试使用 browserify 并对其进行反应:
browserify -t reactify main.js
但我收到此错误:
鉴于我已经通过以下方式安装了react
npmreactify
模块:
npm install -g react
npm install -g reactify
javascript - Browserify 和 Reactify 源映射包括完整的本地路径名
我使用 watchify/browserify 用这个命令创建一个带有调试源映射的包——
当我使用 Chrome DevTools 调试生成的应用程序时,可以在其原始嵌套文件夹位置访问源文件,在 DevTools 的Sources面板中可见。
但是,当我使用此命令通过 reactify 运行它时-
Chrome DevTools 将所有源文件显示在同一文件夹中bundle.js
,文件名包括完整的本地路径名。
我发现这很烦人并且很难在源面板和各个选项卡中识别正确的文件,因为文件太长而无法显示。
有谁知道如何解决这个问题,以便源文件显示在其原始文件夹位置(如图 1 所示)。谢谢
reactjs - Browserify 使用 reactify 进行转换
我正在尝试使用 gulp 构建一个项目。不幸的是,我遇到了一些麻烦。
这就是我的 gulpfile.js 的样子:
问题是 gulp 显示一个错误,表明某些第三方库在某处有非法标记 '<' 有问题的文件是用 JSX 语法编写的。
但是,当我运行以下命令时,我没有遇到问题:
请问,我的 gulpfile 有什么问题?
提前感谢任何寻求帮助的人!
编辑:我怀疑 -g 选项使它递归地将 jsx 转换为纯 javascript,我试图在 watchify.transform 函数中找到等效项,但未成功。
node.js - 如果我们使用 reactify 是否需要安装 `node-jsx`
在我的 Nodejs 应用程序中,我使用 React。我 browserify + reactify 将.jsx
文件转换为js
文件。我在我的入口js
文件中使用了这行代码:
我注意到它node-jsx
已被弃用。如果我已经对我的反应文件进行了反应,我还需要这条线吗?
reactjs - 无法在浏览器中运行转换后的 jsx 到 js 文件。在浏览器中请求 jsxtransformer
我正在尝试使用 reactify 进行 jsx 转换,并且我已经使用 reactify 完成了从 jsx 到常规 js 的转换。但是当我尝试运行转换后的 js 文件时,它以某种方式没有显示内容。但是当我在浏览器中导入 jsxtransformer 时,它会显示内容。我无法理解我的程序中的错误。如果有人知道,请帮助我。谢谢你..
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."
解决方案是什么?
reactjs - gulp browserify + reactify 不创建包
当我运行 gulp 时,我得到一个“更新!” 和“更新!” 保存 main.js 后登录,但没有构建任何包
gulpfile.js:
我的文件结构是
我没有发现任何错误,此时我完全迷失了。我尝试更改目录并重新加载所有内容,但没有任何效果。
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:
然后不可避免地让我走上了另一条发现之路:
但我还没有找到任何可以解决我的问题的方法,而且我觉得我在绕圈子。这illegal import declaration error
很常见,但我对无需使用 grunt 或 gulp 即可工作的解决方案感兴趣(这主要是我所看到的)。任何人都可以伸出援助之手吗?
reactjs - Gulp、Reactify 和 Babelify 没有一起转换
这是我的 gulpfile 代码:
只有第一个转换语句运行,因此由于缺少额外的转换而引发错误(我正在使用 ES6 和 JSX w/react 编写)。
我完全不知所措,非常感谢帮助。