web-dev-qa-db-fra.com

Emplacement du fichier de configuration webpack dans le projet vue-cli webpack?

J'ai utilisé cli pour créer un projet vue.js. J'ai utilisé le modèle de webpack pour cela. Je travaille dessus depuis quelques jours et ça fonctionne bien.

Maintenant, je dois ajouter un paquet npm au projet. Ce paquet recommande d’apporter quelques modifications à la configuration de Webpack. Mais il n'y a pas de fichier webpack.config.js à la racine de mon projet. Où se trouve le fichier de configuration webpack. Dois-je exécuter une commande pour la publier comme dans certains frameworks.

webpackvuejs2vue-cli
7
Ragas

Le modèle webpack-simple contient le fichier webpack-config.js directement à la racine du dossier de votre projet.

On dirait que vous utilisez le modèle webpack. Pour modifier la configuration du WebPack, allez dans le dossier build .

Vous y trouverez 3 fichiers liés à la config webpack;

  1. webpack.base.conf.js
  2. webpack.dev.conf.js
  3. webpack.prod.conf.js

Vous pouvez apporter les modifications requises par votre paquet dans le fichier webpack.base.conf.js ou dans webpack.dev.conf.js si la modification concerne la configuration du temps de développement ou dans webpack.prod.conf.js si elle concerne la configuration de la production

10
Vamsi Krishna

Si vous créez votre projet avec la nouvelle vue-cli 3 (@ vue/cli) sera un fichier nommé vue.config.js dans le répertoire racine de votre projet. Cela signifie que vous pouvez personnaliser les configurations de votre pack Web en changeant simplement le fichier vue.config.js , qui a été automatiquement inclus dans le répertoire racine de votre projet, comme suit:

module.exports = {
  configureWebpack: {
    // It will be merged into the final Webpack config
    plugins: [
      ... // Your plugins here...
    ]
  }
}

Si facile! Longue vie à la nouvelle approche vue-cli!

1
Lindoélio Lázaro