2017-05-29 1 views
1

J'utilise react-boilerplate pour créer une application de réaction. Mais je ne pouvais pas obtenir la tête sur l'ajout de fichier javascript personnalisé à l'application qui ne vient pas de NPM, fil ou bower.Comment ajouter un javascript personnalisé (3rd Party library) pour réagir-boilerplate

Fondamentalement, j'essaie d'utiliser un composant jquery. J'ai ajouté jquery en utilisant le fil et la config webpack existante le prend et injecte dans index.html avec d'autres bibliothèques javascript.

Mais je ne pouvais pas trouver un moyen d'inclure mon propre fichier javascript après l'ajout de jquery à la page.

Répondre

0

Vous pouvez inclure:

<script src="./yourscript.js"></script> 

dans index.html situé dans le dossier public.

Le dossier public existe après la construction de votre projet.

npm run build 

Si votre juste essayer d'importer un javascript dans le fichier .js d'origine qui a un « défaut d'exportation » à une variable/fonction, il suffit de faire:

import YourFile from './yourscript.js'; 

ou si vous venez d'utiliser l'exportation sans le 'défaut':

import { YourFile } from './yourscript.js;

+0

Bonjour Chris, Cela ne fonctionnera pas. Comme je ne peux pas inclure le script manuellement. Mon fichier js dépend de jQuery et doit donc être inclus après l'ajout de jQuery à la page, qui est fourni par webpack et ajouté à index.html par celui-ci. De plus, mon fichier js n'exporte rien. –