À l'aide de gulp-browserify pour mon React.js les modules je suis exigent "n'est pas défini" dans le navigateur

Je suis en train d'utiliser gulp-browserify pour générer un bundle.js fichier qui peut être inclus pour le navigateur du client et de commencer le rendu de Réagir composants.

Voici mon App.js fichier:

/** @jsx React.DOM */
var React = require('react');

var App = React.createClass({
  render: function() {
    return <h1>Hello {this.props.name}!</h1>;
  }
});

module.exports = App;

Et mon colis.json:

  "name":"hellosign-gulp",
  "version":"0.1.1",
  "dependencies": {
    "gulp": "3.5.x",
    "gulp-browserify": "0.5.0",
    "reactify": "~0.8.1",
    "react": "^0.10.0",
    "gulp-react": "0.2.x"
  }
}

et mon gulpfile

var   gulp = require('gulp'),
  react = require('gulp-react'),
  browserify = require('gulp-browserify');


gulp.task('brow-test', function() {
    //Single entry point to browserify
    gulp.src('./src/App.js', {read: false})
        .pipe(browserify({
          insertGlobals : true,
          transform: ['reactify'],
          extensions: ['.jsx'],
          debug :false.
        }))
        .pipe(gulp.dest('.'))
});

Maintenant quand je lance le 'front-test" j'ai renommer le fichier de sortie bundle.js et l'inclure dans la réponse HTTP du navigateur. L'bundle.js le fichier est assez gros pour que je ne comprend pas ici, mais le navigateur finit par lancer une erreur

Uncaught ReferenceError: besoin n'est pas défini

J'ai exactement le même programme d'installation fonctionne correctement avec la version standard de browserify l'utilisation de ces commandes

browserify -t reactify -r react -r ./src/App > ../webapp/static/bundle.js

Et puis je n'ai pas l'erreur. Pourquoi est-gulp-browserify ne crée pas le besoin cale correctement?

  • Je ne crois pas que le programme d'installation est le même parce que vous ne -r react -r ./src/App sur la ligne de commande, (pas très familier avec gulp).
  • Vous pouvez exécuter la régulière browserify dans gulp à l'aide de vinyle-source-ruisseau et gulp-tampon. C'est ce que nous faisons parce que le clin d'oeil, browserify a jamais été assez bon pour nous.
  • Je ne peux toujours pas obtenir le principal besoin pour obtenir des exposés. J'ai simplifié le problème et posté une nouvelle question ici: stackoverflow.com/questions/24329690/...
  • A l'aide de browserify avec vinyle-flux source d'améliorer votre flux de travail?
InformationsquelleAutor asolberg | 2014-06-12