Reactjs 包含服务器代码的react类的网页包配置

我有一个同构的react/flux（alt）实现

我正在尝试将项目从browserify转换为webpack

考虑到我的React类可能是这样的：

var dataAccess = require('../server/data-access');

var MyReactClass = React.createClass({

statics: {
    /**
     * This gets called by the containing component, so that each class
     * handles its own data fetching.
     * This part is obviously irrelevant in the client since the 
     * fetching is only done server-side and the result is used
     * to populate the Alt.js store
     */
    getData: function () {

        return dataAccess.fetchData(
        );

    }
}...

我想避免在运行webpack时捆绑整个“服务器”文件夹，但当我这样做时（通过加载程序配置中的排除），事情会以一种奇怪的方式中断：

 ERROR in ./react/react-routes.js
Module parse failed: C:\project\react\react-routes.js Line 19: Unexpected token <
You may need an appropriate loader to handle this file type.
| var routes = (
|
|     <Route name="App" path="/" handler={App}>
|
|         <DefaultRoute name="Default Route" handler={Main}/>
 @ ./client/index.js 5:18-50

./react/react-routes.js中的

错误
模块分析失败：C:\project\react\react-routes.js第19行：意外令牌<
您可能需要适当的加载程序来处理此文件类型。
|变量路由=(
|
|     
|
|         
@./client/index.js 5:18-50

如果我返回“server”，那么在转换mongojs的依赖项（“net”之类）时就会出现错误，我认为这不是正确的方向

如果我删除react-routes.js中react类的所有要求，我的Web包就能够成功完成。从中我了解到问题确实在于我的类中有服务器代码

在browserify中，我通过在函数getData（）中使用对“数据访问”和其他服务器文件的要求，克服了这一问题，但使用webpack，我到目前为止运气不好

我的忽略/排除规则应该是什么？我应该如何实现它们

---

谢谢。

如果您在Webpack之外解决了它怎么办？您可以执行

npm i babel--保存dev

，然后触发

require（'babel/register'））

在导入

数据访问之前

位。它将能够处理JSX。这对我来说是最简单的解决方案。

如果您在Webpack之外解决它呢？您可以执行

npm i babel--保存开发

然后触发

require（'babel/register'））

在导入

数据访问之前

位。它将能够处理JSX。这对我来说是最简单的解决方案。

使用通量进行反应这是我的github存储库，希望它能帮助理解使用通量进行反应的基本原理：

• 网页包
• ES6
• 巴别塔
• 埃斯林特
• 反应
• 通量
• RESTAPI的Json服务器
• 完全积垢操作

---

希望它会有所帮助。

使用通量进行反应这是我的github存储库，希望它有助于理解使用通量进行反应的基本原理：

• 网页包
• ES6
• 巴别塔
• 埃斯林特
• 反应
• 通量
• RESTAPI的Json服务器
• 完全积垢操作

希望这会有帮助