cli crée un nouveau projet de modèle Webpack

Cette fois, je vais vous présenter un nouveau projet de modèle webpack avec cli. Quelles sont les précautions à prendre pour créer un nouveau projet de modèle webpack avec cli ? Ce qui suit est un cas pratique, jetons un coup d'œil.

vuepress est un tout nouveau générateur de sites Web statiques basé sur Vue publié par Youda le 12 avril. Il s'agit en fait d'une application spa Vue avec webpack intégré, qui peut être utilisée pour rédiger des documents. Il m'est arrivé d'avoir récemment besoin d'écrire de la documentation pour certains composants, alors j'ai commencé à travailler dessus. Après tout, il venait juste de sortir et a rencontré de nombreux pièges. Au final, il fonctionnait avec beaucoup de difficultés afin d'éviter tout le monde. tombant dans les mêmes pièges, j'ai délibérément enregistré le processus de construction. Venez partager.

Voici plusieurs problèmes connus

Parce que util.promisify a été introduit après le nœud 8.0, donc si vous ne voulez pas perdre trois heures comme moi, s'il vous plaît vérifiez et mettez à jour la version du nœud

Il est recommandé de ne pas utiliser le modèle webpack-simple pour les tests, sinon il ne fonctionnera pas de différentes manières ╮(╯▽╰)╭

Si vous utilisez le modèle cli L'erreur TypeError: Cannot read property 'vue' of undefined est due au fait que la version utilisée par le vueloader du webpack intégré de vuepress est différente de votre version locale. Veuillez mettre à jour la version locale vers la dernière version stable

<.> Lorsque la documentation officielle d'installation apparaît Si elle passe toujours à 404 après le déploiement, veuillez utiliser le mode de hachage de routage pour y accéder

Si vous rencontrez des problèmes tels que des conflits de ports, créez un nouveau dossier .vuepress dans le répertoire docs , puis créez une nouvelle paire de fichiers de configuration. L'élément de port prot peut être configuré Pour plus de détails, veuillez vous référer à la documentation officielle

Commencer

. Utilisez cli pour créer un nouveau projet de modèle de webpack

//进入项目首先安装依赖
  npm install  
  //将vue-loader进行版本替换，使其和vuepress内置的webpack里的vue-loader保持一致，否则会报错（不过尤大大已经在解决版本冲突的问题了，版本待发）
  npm update vue-loader@15.0.0-rc.2 --save-dev 
  //接下来安装vuepress
 npm install -D vuepress
 mkdir docs
 echo "# Hello VuePress!" > docs/README.md
 //最后一步启动vuepress ，进入docs目录，使用vuepress dev命令即可
 cd docs
 vuepress dev
 //使用vuepress build即可完成对项目的打包
 //接下来就是按照官方的文档，对你的网站进行各种创造啦

Pour le déploiement du projet, j'utilise github Pour des opérations spécifiques, veuillez vous référer à la documentation officielle

Je crois que vous maîtrisez. la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !

Lecture recommandée :

Comment trier les objets json et supprimer des données avec le même identifiant

Comment utiliser Angular pour lancer un composant

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!