2
votes

Est-il possible de créer une application vue sans vue-cli?

Comme les titres le disent. Est-il possible de créer une application vue avec l'aide de webpack et sans vue cli? Si non, pourquoi? Pour ma compréhension, vue-cli utilise également webpack pour construire ses fichiers.


0 commentaires

5 Réponses :


0
votes

oui vue-cli inclut webpack pour créer des actifs. Maintenant, vue.js fait la même chose. https://github.com/vuejs/vue/blob/dev/package.json voici le package.json de Vue.js et vous pouvez voir que le webpack est requis.

Donc, par défaut, le webpack est inclus dans Vue.js


0 commentaires

1
votes

Vous n'avez pas du tout besoin d'outils de construction si vous êtes prêt à travailler dans les limites de JavaScript pris en charge par le navigateur. Le guide d'intégration n'utilise pas du tout vue-cli, webpack ou même Node.

Ma première application Vue non triviale a utilisé webpack, mais pas vue-cli. Il a été configuré manuellement sur la base des conseils d'un guide pratique à l'époque.

Vue-cli est pratique pour mettre en place et exécuter rapidement un processus de construction, mais il est optimisé pour les personnes qui sont soit très à l'aise avec les outils de construction de nœuds, soit ne veulent pas trop jouer avec les valeurs par défaut.


0 commentaires

3
votes

Oui bien sûr.

vue-cli utilise webpack sous le capot, mais il supprime toute la configuration fastidieuse du webpack avec une valeur par défaut raisonnable afin que vous puissiez vous concentrer uniquement sur l'écriture de votre application.

Si vous avez besoin de modifier la façon dont votre application est construite, par exemple si vous voulez compresser les actifs d'image, à moins que vue-cli fournisse une option de configuration pour votre besoin spécifique, vous devrez modifier la configuration du webpack d'une manière ou d'une autre (par exemple en ajoutant un nouveau chargeur ou modification de la configuration d'un chargeur existant, etc.). vue-cli expose certaines façons de le faire, mais vous n'avez pas le contrôle total sur la construction du webpack depuis le début.

J'ai généralement des exigences très spécifiques sur la façon dont je veux que mes applications Web soient construites, alors j'opte pour la solution DIY Webpack afin d'avoir un contrôle total sur tous les aspects de la construction.

Si vous ne voulez pas utiliser vue-cli mais que vous voulez tout de même utiliser webpack, alors au minimum, je suggérerais les packages suivants:

  • webpack
  • vue
  • vue-loader pour compiler et regrouper des composants de fichier unique .vue
  • babel-loader pour transpiler JavaScript
  • file-loader de file-loader pour les images
  • style-loader pour injecter des styles dans le DOM au moment de l'exécution
  • css-loader pour charger les modules référencés dans les fichiers CSS comme les images et les polices

0 commentaires

0
votes

Oui c'est très possible ... en fait, jusqu'à récemment, beaucoup de projets ont été construits sans ça!


0 commentaires

0
votes

J'utilise Vue 3 sans la CLI Vue dans une application existante qui a une configuration Webpack personnalisée, et les étapes suivantes ont fonctionné pour moi:

Installez Vue3:

npm install --save vue@next

Installez vue-loader (v16 ou plus récent) et le nouveau compilateur de modèles:

npm install --save-dev vue-loader@^16 @vue/compiler-sfc

Config Webpack:

const { VueLoaderPlugin } = require('vue-loader'); // load plugin

//...

module: {
  rules: [
    {
        test: /\.vue$/,
        exclude: /(node_modules)/,
        use: [
          { loader: 'vue-loader' }
        ]
      }
  ]
},

plugins: [
  new VueLoaderPlugin()
]

Merci à https://lmiller1990.github.io/electic/posts/20200406_webpack_for_vue_3.html pour le conseil sur l'installation du compilateur sans la CLI, je n'ai pas pu trouver cela dans la documentation Vue3.


0 commentaires