Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/367.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用watchify和babelify_Javascript_Reactjs_Browserify_React Jsx_Babeljs - Fatal编程技术网

Javascript 使用watchify和babelify

Javascript 使用watchify和babelify,javascript,reactjs,browserify,react-jsx,babeljs,Javascript,Reactjs,Browserify,React Jsx,Babeljs,将watchify与babelify结合使用是否可行 我正在试用React,并在开发模式下运行一个项目,其中包括: watchify app/src/src.js -t babelify -o app/build/build.js 我希望watchify在src.js上查找更改,并使用所有必需的模块编译一个功能性的build.js,并使用babelify编译脚本的jsx部分 但这似乎需要很多时间,我最终为我的一行脚本构建了19000行代码: var React = require('react

将watchify与babelify结合使用是否可行

我正在试用React,并在开发模式下运行一个项目,其中包括:

watchify app/src/src.js -t babelify -o app/build/build.js
我希望watchify在
src.js
上查找更改,并使用所有必需的模块编译一个功能性的
build.js
,并使用babelify编译脚本的jsx部分

但这似乎需要很多时间,我最终为我的一行脚本构建了19000行代码:

var React = require('react');
有更好的办法吗?

没错。图书馆大约有19000行

Browserify将把所有依赖项捆绑在一起


如果您不需要React,则不需要在中使用它。

React是从npm安装的,或者是在
node\u模块中安装的,对吗?React是相当大的,他们对其进行了大量的处理,以获得其浏览器构建的大小,而当您
require()
/browserify它时,您不会自动获得该大小。如果一开始很慢,那么当你更新一个文件并重建它时,它应该会快得多。是的,但重建也很慢,所以我将从html文件中的脚本标记中检索react。ThanksIt听起来好像有什么事情与流程不协调。但加载单独反应绝对是一件值得考虑的事情。你仍然应该
require()
在你的应用程序代码中使用它,而不是依赖一个隐式全局变量,并将其标记为外部/排除在外以进行浏览。那么,是否可以使用babelify进行watchify作为
watchify-t babelify-o
?watchify是否接受转换标志?好的,例如它接受
uglify
,但语法如下,
watchify main.js-o'uglifyjs-cm>static/bundle.min.js'
。不确定是否也适用于
babelify
。在这种情况下,我将从html脚本标记检索react库。谢谢