recherche

Maison >interface Web >js tutoriel >Exemples de problèmes de chemin PublicPath et de solutions

Exemples de problèmes de chemin PublicPath et de solutions

零下一度
零下一度original
2017-06-19 09:21:242284parcourir

Cet article vous présente principalement les informations pertinentes sur le problème du chemin publicPath dans le didacticiel d'apprentissage du webpack. L'article le présente en détail à travers l'exemple de code, qui a une certaine valeur de référence et d'apprentissage pour tous les amis qui en ont besoin. un coup d'oeil ci-dessous.

Cet article vous présente principalement le contenu pertinent sur le problème du chemin publicPath dans webpack, et le partage pour votre référence et votre étude. Jetons un coup d'œil à l'introduction détaillée : 


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

Si publicPath n'est pas spécifié, le chemin d'importation est le suivant


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

Si publicPath est spécifié


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

est présenté comme suit


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

Dans l'environnement webpack-dev-server, chemin, publicPath, différences et connexions

chemin : Spécifiez simplement le répertoire de compilation (/build/js/), il ne peut pas être utilisé pour jsréférence en html.

publicPath : répertoire virtuel, pointe automatiquement vers le répertoire de compilation du chemin (/assets/ => /build/js/). Lors du référencement de fichiers js en html, ce chemin virtuel doit être cité (mais il fait en réalité référence au fichier en mémoire, ni /build/js/ ni /assets/).

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

Publier dans l'environnement de production :

1 Compiler avec webpack (bien sûr compilé dans /build/js/)

2. Copiez tous les fichiers du répertoire de compilation (/build/js/) dans le répertoire /assets/ (remarque : ne modifiez pas le chemin référençant bundle.js dans index.html)

Auparavant, en raison d'un mauvais chemin de publicPath, webpack-dev-server ne pouvait pas s'actualiser automatiquement

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Problèmes et solutions aux erreurs signalées lors de l'accès à la page après l'empaquetage du webpackArticle suivant：Problèmes et solutions aux erreurs signalées lors de l'accès à la page après l'empaquetage du webpack

Articles Liés

Voir plus