0
votes

Comment configurer mon fichier webpack.config.js pour accéder correctement à d'autres pages HTML?

Je suis un peu coincé sur la manière de configurer webpack.config.js fichier afin de naviguer vers d'autres pages HTML. En d'autres termes, un site Web multi-pages.js.

Je veux naviguer vers environ.html lors de cliquer sur sur dans main.jsx < / code> fichier. J'essaie d'utiliser le routage mais je sais que je suis loin.

Je sais que la viande de ceci est dans webpack.config.js donc j'ai fait une tentative ci-dessous Pour voir si cela fonctionne en essayant d'imiter le htmlwebpackplugin ({}) de index.html , mais ça ne "

note: i 'M ne pas utiliser créer-réact-app pour mon projet. J'essaie juste des choses en dehors de Créer-réact-app environnement et, à la place, sur d'autres environnements. J'ai installé babel et toutes les autres choses manuellement.

Qu'est-ce que je fais mal et comment puis-je le réparer?

voici Main.jsx : xxx

voici environ.html : xxx

voici webpack.config.js : xxx


5 commentaires

L'acheminement n'a rien à voir avec WebPack - sur votre itinéraire "À propos", utilisez un composant pour sur , c'est-à-dire environ.html à un composant


@ IC3B3RG Comme je l'ai mentionné ci-dessus, je veux rediriger vers le fichier environ.html, pas un autre composant React.js


OK, essayez de supprimer le composant et de la modification du chemin vers chemin = "/ environ.html"


OH, attendez une minute - vous ne voulez pas retourner DOM de votre événement OnClick - votre routeur doit entrer dans votre Render et la touche Vous devez être un Lien


@ IC3B3RG AH OK, je vois ce que tu veux dire. Puissiez-vous me fournir un exemple en utilisant mon scénario? Parce que doit prendre un attribut composant mais dans mon cas, je ne veux pas qu'il redirige vers un autre composant JS.


3 Réponses :


0
votes

Je ne crois pas que cela a à voir avec WebPack.

au lieu de xxx

Utilisation: xxx < P> Si vous essayez de créer un lien vers une page qui n'est pas à l'intérieur de réagir, vous pouvez utiliser quelque chose comme: xxx

vous souhaiterez utiliser une balise d'ancrage HTML standard. avec le HREF défini sur l'emplacement où vous voulez naviguer.



-1
votes
instead of <Route path={"/About"} component={Main}/> use 
<BrowserRouter>
<div>
<Switch>
<Link  path="/about" component="{Main}">
</Switch>
</div>
</BrowserRouter>or

<Link to="/about"></Link> and 

and import {BrowserRouter,Route,Switch,Link} from 'react-router-dom';

0 commentaires

0
votes

Un tas de problèmes ici - cela devrait vous empêcher de pointer dans la bonne direction:

main.jsx xxx

webpack.config.js xxx


0 commentaires