2017-07-12 1 views
0

J'ai eu du mal à faire fonctionner cet exemple de projet avec webpack-dev-server.Comment obtenir l'exemple de plusieurs points d'entrée webpack avec webpack-dev-server?

https://github.com/webpack/webpack/tree/master/examples/multiple-entry-points

Alors que je me attends à arriver est que quand je sers, je peux aller à localhost:8080/pageA et localhost:8080/pageB pour voir mes différents points d'entrée.

J'ai mis mon package.json comme ceci:

{ 
    "name": "multiple-entry-points", 
    "version": "1.0.0", 
    "description": "This example shows how to use multiple entry points with a commons chunk.", 
    "main": "build.js", 
    "scripts": { 
    "test": "echo \"Error: no test specified\" && exit 1" 
    }, 
    "author": "", 
    "license": "ISC", 
    "devDependencies": { 
    "webpack": "^3.2.0", 
    "webpack-dev-server": "^2.5.1" 
    } 
} 

Et je suis en train de l'exécuter comme ceci:

node_modules/.bin/webpack-dev-server --inline --content-base ./public 

(Si je ne mets pas dans le - en ligne, etc, je viens d'obtenir une liste de répertoires).

Pas de chance. localhost:8080/pageA ne fonctionne pas, etc. Je ne suis même pas sûr que mes attentes sont correctes ici.

Toute guidance serait grandement appréciée!

Répondre

0

Il n'y a pas url localhost:8080/pageA et localhost:8080/pageB

Il y a js bundle pageA.js et pageB.js

Vous pouvez ouvrir url localhost:8080/pageA.html et localhost:8080/pageAB.html

point d'entrée bundle js. Vous devez inclure dans la page html comme ceci:

<script src="js/pageA.bundle.js" charset="utf-8"></script> 
+0

J'ai essayé visiter http: // localhost: 8080/pageA.html, mais je reçois juste Can not Get /pageA.html. Cet exemple est-il brisé? –

+0

Vérifiez que cela fonctionne url 'localhost: 8080/pageA.js'. – oklas