如何配置 React 来渲染 .js

Question

我正在尝试让 WebStorm 为我呈现 .js 文件来观看 .jsx 文件。

我正在使用或试图使用 browserify/babelify 和反应节点，但我收到以下错误

/usr/local/bin/browserify -t [babelify --presets react]
/Users/myUser/Developer/ApacheRoot/JsFrameworksSamples/ReactJs/Sample_2/src/*
-o /Users/myUser/Developer/ApacheRoot/JsFrameworksSamples/ReactJs/Sample_2/src/bundle.js
Error: Cannot find module
'/Users/myUser/Developer/ApacheRoot/JsFrameworksSamples/ReactJs/Sample_2/src/*'
from
<br>'/Users/myUser/Developer/ApacheRoot/JsFrameworksSamples/ReactJs/Sample_2/src'
    at <br>/usr/local/lib/node_modules/browserify/node_modules/resolve/lib/async.js:55:21
    at load <br>(/usr/local/lib/node_modules/browserify/node_modules/resolve/lib/async.js:69:43)
    at onex <br>(/usr/local/lib/node_modules/browserify/node_modules/resolve/lib/async.js:92:31)
    at <br>/usr/local/lib/node_modules/browserify/node_modules/resolve/lib/async.js:22:47
    at<br> FSReqWrap.oncomplete (fs.js:95:15)<br>

Process finished with exit code 1

文件观察器的配置如下：

参数：-t [babelify --presets react] $FileDir$/* -o $FileDir$/bundle.js

我做错了什么？

Answer 1

好的....我得到了解决方案...

browseify 不能使用通配符（如 *），因此它应该使用以下参数转译单个文件：

-t [babelify --presets react] $FileDir$/$FileNameWithoutExtension$.jsx -o $FileDir$/../dist/$FileNameWithoutExtension$.js

之后当你想打包所有.jsx文件时，可以运行以下命令：

browserify -t [ babelify --presets [ react ] ] src/* -o dist/bundle.js

如何配置 React 来渲染 .js

How config React to render .js

reactjs

webstorm

rubymine