Wie kann ich "index.html" bei der Verwendung von Webpack verschieben?

Wann wird "index.html" im Allgemeinen mit dem Webpack geladen?Wie kann ich "index.html" bei der Verwendung von Webpack verschieben?

Ich möchte "index.html" in Build/verschieben.

Ich bin in Schwierigkeiten über den Datenfluss von Npm Start mit Webpack.

In package.json, "Start" ist wie folgt definiert:

"node ./node_modules/webpack-dev-server/bin/webpack-dev-server.js".

Allerdings konnte ich nicht finden, wo es von "webpack-dev-server.js" springen würde.

ich zwei Beschreibung von "index.html" in es wie folgt zu finden:

 .boolean("history-api-fallback").describe("history-api-fallback", "Fallback to /index.html for Single Page Applications.")

und

console.log("404s will fallback to %s", options.historyApiFallback.index || "/index.html");

, wenn ich versuche zu bewegen "index.html" in build /, Browser zurückgegeben "Fehler kann nicht gefunden werden".

"index.html" und webpack.config.js befinden sich jetzt im selben Ordner.

./ index.html package.json src/ test/ 
    ../ build/ node_modules/ public/ style/    
    webpack.config.js

Quelle

2017-02-28 user2255716

Eine Möglichkeit ist das Skript (in package.json) so kopiert er index.html in den Zielordner zu aktualisieren:

"scripts": { 
    "start": "node node_modules/.bin/webpack-dev-server --content-base src", 
    "build": "node node_modules/.bin/webpack && cp src/index.html build/index.html" 
}

npm run build sollte nun auch src/index.html-build/index.html kopieren.

Quelle

2017-02-28 16:26:01 sn3p

Es hat funktioniert! Ich könnte "index.html" laden, indem ich nur "--content-base" -Option verwende. Build by cp lief auch gut, konnte aber nicht das Ergebnis aus Build-Ordner sagen. Es spielt aber keine Rolle! Vielen Dank! – user2255716

Ich bin kein webpack Experte, aber ich vor dem gleichen Problem, und war in der Lage, es zu lösen mit einem Plug-in: html-webpack-plugin

Zuerst installieren: npm install html-webpack-plugin --save-dev

Dann wird Ihr bearbeiten webpack.config.js:

Dies wird Ihre index.template.html zu ./build/index.html kopieren und Dateien von dort dienen.
Es wird auch alle Vermögenswerte an der Unterseite des Tags <body> injizieren.
Sie können dieses Setup natürlich auch an Ihre Bedürfnisse anpassen, nur refer to the plugin docs.

Quelle

2017-03-01 07:34:22 andreapier

Wie kann ich "index.html" bei der Verwendung von Webpack verschieben?

Antwort

Verwandte Themen