Javascript 将React应用程序与Gulp和Browserify捆绑

我正在尝试使用Gulp和Browserify捆绑一个简单的React.js应用程序，但在尝试查找模块时出错

一口是：

var gulp = require('gulp');
var browserify = require('browserify');
var babelify = require('babelify');
var source = require('vinyl-source-stream');

gulp.task('default', function () {
    return browserify('./app/index.js', {
        debug: false, bundleExternal: true
    })
    .transform(babelify, {"presets": ["es2015", "react"]})
    .bundle()
    .pipe(source('app.js'))
    .pipe(gulp.dest('./build/js/'));
});

index.js文件是：

import React from 'react'
import ReactDOM from 'react-dom'
import routes from 'config/routes'
import users from 'redux/modules/users'
import thunk from 'redux-thunk'
import { createStore, applyMiddleware } from 'redux'
import { Provider } from 'react-redux'

const store = createStore(users, applyMiddleware(thunk))

ReactDOM.render(
  <Provider store={store}>
    {routes}
  </Provider>,
document.getElementById('app'))

错误消息是：

events.js:163
     throw er; // Unhandled 'error' event
     ^

 Error: Cannot find module 'config/routes' from '/Users/tomv/Documents/Projects/base-react-project-pl/app'

---

Gulp似乎无法从index.js文件读取导入。有人知道我可能遗漏了什么吗？

我认为您应该将代码粘贴到需要配置/路由模块的

index.js

中。可能您键入的是

require（'config/routes'）

，而不是

require（'./config/routes'））

？我已经用上面的index.js编辑了原始帖子。切换到webpack会更容易，我保证…我通过在Gulpfile中添加

添加模块导出
插件
es2015
预设来工作。我同意使用webpack运行应用程序会更容易，但我必须使用Gulp和Browserify进行项目。
events.js:163
     throw er; // Unhandled 'error' event
     ^

 Error: Cannot find module 'config/routes' from '/Users/tomv/Documents/Projects/base-react-project-pl/app'