Exemples de problèmes de chemin PublicPath et de solutions-js tutoriel-php.cn

Exemples de problèmes de chemin PublicPath et de solutions

零下一度

Libérer： 2017-06-19 09:21:24

original

2285 Les gens l'ont consulté

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")
 }

Copier après la connexion

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

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

Copier après la connexion

Si publicPath est spécifié

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

Copier après la connexion

est présenté comme suit

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

Copier après la connexion

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!