comment utiliser réagir nécessitent une syntaxe?
Je vois beaucoup d'exemples pour réagir structuré avec var React = require('react')
de la syntaxe. Quand j'ai essayer d'utiliser ce j'ai "besoin n'est pas défini". Comment dois-je utiliser et à mettre en place mon projet statique d'utilisation nécessitent de disposer de la syntaxe?
Mise à jour
En réalité, je suis à la recherche d'un webpack/browserify fichier de configuration afin que je puisse commencer à Réagir et CommonJS rapidement. J'ai seulement écrit réagir applications sans créer des outils
si vous utilisez le "besoin", ce qui n'est pas de réagir par commonjs motif de module. vous avez besoin d'utiliser webpack, ou certains autres commonjs chargeur de module qui permettra de traduire vos modules dans le navigateur convivial code
Browserify est un autre (perhpas plus adapté aux débutants) alternative browserify.org
veuillez voir les modifications. Vraiment j'ai des fichiers statiques et voulez savoir comment configurer webpack/browserify pour un projet avec un
Browserify est un autre (perhpas plus adapté aux débutants) alternative browserify.org
veuillez voir les modifications. Vraiment j'ai des fichiers statiques et voulez savoir comment configurer webpack/browserify pour un projet avec un
index.html
OriginalL'auteur Connor Leech | 2015-10-20
Vous devez vous connecter pour publier un commentaire.
besoin n'est pas une Réagir api, ni est-il un navigateur natif de l'api (pour l'instant).
exiger vient de commonjs et le plus célèbre est la mise en œuvre dans node.js si vous avez utilisé node.js, vous verrez nécessite partout.
en raison de la popularité de besoin dans le nœud, les gens ont construit des outils qui permettent de transformer le code qui est écrit dans nodejs style pour être utilisable sur le navigateur.
il y a quelques avantages à l'aide de besoin, il vous aide à garder votre code modulaire et pour certains projets, il vous permet de vous écrire isomorphe code (code qui fonctionne à la fois sur le client et le serveur avec un minimum de changements)
Afin d'utiliser au besoin, vous aurez besoin d'utiliser un outil tel que webpack ou browserify, je vais utiliser browserify comme un exemple.
d'abord créer un "index.js'
puis de créer un app.js
ensuite, installez le browserify cli
Et d'appeler cette commande dans votre shell
Maintenant, vous aurez un bundle.js dans votre page html créer un
Et vous devriez voir les deux alertes exécuter
Maintenant, vous pouvez continuer à code, vous pouvez ajouter réagir dans votre code en faisant un
et alors besoin dans l'app.js par exemple
Browserify fonctionne généralement avec gulp viget.com/extend/gulp-browserify-starter-faq et webpack fonctionne avec un fichier de config robots.thoughtbot.com/...
ok merci à vous. J'ai créé un modèle de démarrage à l'aide de webpack ici: github.com/cleechtech/react-static-starter
Génial, lui ressemble beaucoup. Vous voulez probablement gitignore l'bundle.js car il que le produit de webpack
pouvez-vous expliquer à l'aide de webpack?
OriginalL'auteur Yang Li
BTW,
Si vous utilisez webpack vous pouvez ajouter à votre webpack.config.js fichier de configuration
Les lignes suivantes, en éliminant le besoin d'utiliser d'exiger des déclarations dans vos fichiers:
C'est bien sûr moins verbeux et pas tous les développeurs comme ça, mais c'est bon à savoir 🙂
OriginalL'auteur danikoren