Comment empaqueter le projet vue.js

Comment empaqueter le projet vue.js : ouvrez d'abord le fichier "webpack.dev.conf.js" ; puis modifiez le AssetsPublicPath sous build ; enfin exécutez la commande "npm run build" sur le terminal.

L'environnement d'exploitation de ce tutoriel : système Windows7, version webstorm2017.1.4&&vue2.0, ordinateur Dell G3.

Recommandé : tutoriel vue

étapes d'emballage du projet vue

emballage du projet vue

1. Exécutez la commande npm run build sur le terminal

2. Le signe d'un packaging réussi et du changement du projet, comme indiqué ci-dessous :

3. Cliquez sur index.html et exécutez-le via le navigateur. Le message d'erreur suivant apparaît, comme indiqué dans l'image :

4. Alors comment faut-il le modifier ?
Les étapes spécifiques sont les suivantes :
1. Affichez la commande scripts du fichier package.js
2. Ouvrez le fichier webpack.dev.conf.js, recherchez publicPath : config.dev .assetsPublicPath, et appuyez sur Ctrl pour cliquer, accédez au fichier index.js
3. dev est l'environnement de développement et build est la version de build Recherchez AssetsPublicPath : '/' sous build, puis remplacez-le par AssetsPublicPath : './', c'est-à-dire ajoutez un point avant "/" .
4. Exécutez npm run build dans le terminal.

À ce stade, cliquez sur index.html et exécutez-le via le navigateur. Vous constaterez que l'image statique liée dynamiquement est introuvable, donc statique doit utiliser un chemin absolu. Remplacez le chemin de l'image par un chemin absolu. À ce stade, l'empaquetage est terminé.

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!