Vue Cli 3.0 où se trouve le fichier de configuration ?

Question

Je l'ai vu mentionné dans la documentation, etc. dans le fichier vue.config.js. Et aussi noté précédemment ceux-ci sont gérés dans le fichier de configuration webpack, etc dans 2.0. Mais je ne trouve aucun de ces fichiers dans le dossier de mon projet créé avec vue cli 3.0... Où se trouve le fichier de configuration et pourquoi n'est-il pas dans les dossiers de premier niveau, etc ?

Answer 1

Où se trouve le fichier de configuration et pourquoi n'est-il pas dans les dossiers de premier niveau, etc ?

Le projet initial ne nécessite pas l'existence de ce fichier, car vous venez de créer un projet avec de nouveaux paramètres "par défaut" qui ne nécessitent aucune configuration.

Il suffit de le créer soi-même. C'est même mentionné dans le manuel de l'utilisateur. README :

De nombreux aspects d'un projet Vue CLI peuvent être configurés en plaçant un fichier vue.config.js à la racine de votre projet. Le fichier mai existent déjà en fonction des caractéristiques que vous avez sélectionnées lors de la création du projet.

( c'est moi qui souligne )

Edit : maintenant à trouver ici : https://cli.vuejs.org/config/#global-cli-config

Answer 2

Le fichier par défaut fait pas existe car il a été mentionné par Linus. Vous devez créer manuellement vue.config.js dans un emplacement Root de votre projet, c'est-à-dire au même niveau où se trouve le fichier package.json .

Answer 3

Il n'y a plus besoin de répertoire "config". Si vous voulez définir des "variables d'environnement", vous pouvez le faire dans le fichier ".env".

Tout comme :

VUE_APP_TITLE=Test

Vous pouvez également créer un fichier ".env" pour chaque environnement.

Comme :

.env.development pour le mode de développement

.env.production pour le mode de production.

Pour plus d'informations, veuillez lire : https://cli.vuejs.org/guide/mode-and-env.html#example-staging-mode

Answer 4

vue.config.js est maintenant un fichier de configuration optionnel.

Référez-vous : https://cli.vuejs.org/config/#vue-config-js

Answer 5

Regarde ça :

1. Créer

vue.config.js

dans votre projet vue au même niveau que

paquet.json

2. Spécifiez l'hôte et le port : module.exports = { devServer: { host: "localhost", port: "8080" } }

3. Cours :

npm run serve

dans votre dossier Vue.

Regardez cette capture d'écran : J'espère que cela vous aidera !

PS : Si vous voulez désactiver l'exécution de l'application sur un hôte local, consultez cet article : Comment désactiver l'exécution d'une application sur le réseau local lorsque j'utilise vue-cli ?