suchen

Heim  >  Artikel  >  Web-Frontend  >  Beispiele für PublicPath-Pfadprobleme und -Lösungen

Beispiele für PublicPath-Pfadprobleme und -Lösungen

零下一度
零下一度Original
2017-06-19 09:21:242268Durchsuche

Dieser Artikel stellt Ihnen hauptsächlich die relevanten Informationen zum publicPath-Pfadproblem im Webpack-Lern-Tutorial vor. Der Artikel stellt es detailliert anhand des Beispielcodes vor, der für jeden, der ihn benötigt, einen gewissen Referenz- und Lernwert hat ein Blick unten.

Dieser Artikel stellt Ihnen hauptsächlich den relevanten Inhalt zum publicPath-Pfadproblem im Webpack vor und gibt ihn als Referenz und zum Studium weiter. Werfen wir einen Blick auf die ausführliche Einführung: 


output: {
  filename: "[name].js",
  path:path.resolve(dirname,"build")
 }

Wenn publicPath nicht angegeben ist, lautet der Importpfad wie folgt


<body>
 <script src="b.js"></script>
</body>

Wenn publicPath angegeben ist


output: {
  filename: "[name].js",
  path:path.resolve(dirname,"build"),
  publicPath:"/assets/"
 }

wird wie folgt eingeführt


<body>
 <script src="assets/b.js"></script>
</body>

Pfad, öffentlicher Pfad, Unterschiede und Verbindungen in der Webpack-Dev-Server-Umgebung

Pfad: Geben Sie einfach das Kompilierungsverzeichnis (/build/js/) an. Es kann nicht für js Referenz in HTML verwendet werden.

publicPath: virtuelles Verzeichnis, verweist automatisch auf das Pfadkompilierungsverzeichnis (/assets/ => /build/js/). Beim Verweisen auf js-Dateien in HTML muss dieser virtuelle Pfad in Anführungszeichen gesetzt werden (er bezieht sich jedoch tatsächlich auf die Datei im Speicher, weder auf /build/js/ noch auf /assets/).

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ＝＝＝＝＝ ＝＝＝ ＝＝＝＝＝

In der Produktionsumgebung veröffentlichen:

1. Mit Webpack kompilieren (natürlich nach /build/js/ kompiliert)

2. Kopieren Sie alle Dateien im Kompilierungsverzeichnis (/build/js/) in das Verzeichnis /assets/ (Hinweis: Ändern Sie nicht den Pfad, der auf bundle.js in index.html verweist)

Bisher konnte der Webpack-Dev-Server aufgrund des falschen Pfads von publicPath nicht automatisch aktualisiert werden

Das obige ist der detaillierte Inhalt vonBeispiele für PublicPath-Pfadprobleme und -Lösungen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Probleme und Lösungen für Fehler, die beim Zugriff auf die Seite nach dem Packen des Webpacks gemeldet wurdenNächster Artikel：Probleme und Lösungen für Fehler, die beim Zugriff auf die Seite nach dem Packen des Webpacks gemeldet wurden

In Verbindung stehende Artikel

Mehr sehen