cli erstellt ein neues Webpack-Vorlagenprojekt

Dieses Mal werde ich Ihnen ein neues Webpack-Vorlagenprojekt mit CLI vorstellen. Was sind die Vorsichtsmaßnahmen zum Erstellen eines neuen Webpack-Vorlagenprojekts mit CLI?

vuepress ist ein brandneuer Vue-basierter statischer Website-Generator, der am 12. April von Youda veröffentlicht wurde. Es handelt sich eigentlich um eine Vue-Spa-Anwendung mit integriertem Webpack, die zum Schreiben von Dokumenten verwendet werden kann. Ich musste kürzlich Dokumente für einige Komponenten schreiben, also begann ich damit, daran zu arbeiten. Schließlich war es gerade erst veröffentlicht worden und stieß am Ende auf viele Probleme Ich bin in die gleichen Fallstricke geraten und habe den Bauprozess bewusst aufgezeichnet. Kommen Sie vorbei und teilen Sie ihn.

Im Folgenden sind mehrere bekannte Probleme aufgeführt

Da util.promisify nach Node 8.0 eingeführt wurde, wenn Sie also nicht wie ich drei Stunden Zeit verschwenden möchten, bitte Überprüfen und aktualisieren Sie die Knotenversion

Es wird empfohlen, die Webpack-Simple-Vorlage nicht zum Testen zu verwenden, da sie sonst nicht auf verschiedene Arten ausgeführt werden kann ╮(╯▽╰)╭

Wenn Sie verwenden Die CLI-Vorlage Der Fehler TypeError: Cannot read property 'vue' of undefined liegt daran, dass die vom integrierten Webpack-Vueloader von vuepress verwendete Version sich von Ihrer lokalen Version unterscheidet. Bitte aktualisieren Sie die lokale Version auf die neueste stabile Version

Wenn die offizielle Installationsdokumentation angezeigt wird. Wenn sie nach der Bereitstellung immer auf 404 springt, verwenden Sie bitte den Routing-Hash-Modus, um darauf zuzugreifen.

Wenn Sie auf Probleme wie Portkonflikte stoßen, erstellen Sie einen neuen .vuepress-Ordner im Dokumentverzeichnis und Erstellen Sie dann ein neues Konfigurationsdateipaar. Weitere Informationen finden Sie in der offiziellen Dokumentation.

Erste Schritte

Verwenden Sie cli So erstellen Sie ein neues Webpack-Vorlagenprojekt

//进入项目首先安装依赖
  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即可完成对项目的打包
 //接下来就是按照官方的文档，对你的网站进行各种创造啦

Für die Projektbereitstellung verwende ich Github. Informationen zu bestimmten Vorgängen finden Sie in der offiziellen Dokumentation

Ich glaube, Sie haben die Methode nach dem Lesen beherrscht Der Fall in diesem Artikel finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Empfohlene Lektüre:

So sortieren Sie JSON-Objekte und löschen Daten mit derselben ID

So verwenden Sie Angular für Starten Sie eine Komponente

Das obige ist der detaillierte Inhalt voncli erstellt ein neues Webpack-Vorlagenprojekt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!