Vue Family Bucket realisiert Code-Sharing eines kleinen Einkaufszentrums

• Installieren Sie es zunächst global

npm install -g @vue/cli
// 或
yarn global add @vue/cli

• Nach dem Generieren des Projekts können Sie feststellen, dass die Verzeichnisstruktur geändert wurde einfacher. Die Build- und Konfigurationsverzeichnisse sind nicht mehr vorhanden. vue-cli verwendet weiterhin das Webpack-Paketierungstool, ist jedoch standardmäßig konfiguriert. Nur vue-config.js ist übrig und wird verwendet, wenn Sie die Standardkonfiguration ändern müssen. Ich habe es als tatsächlicher Entwickler nicht verwendet.

• Die meisten Menschen verwenden während des Entwicklungsprozesses Vorlagen und Stilvorverarbeitung. Diese müssen lediglich die entsprechenden Abhängigkeiten installieren. Ich verwende pug und sass, um die entsprechenden Vorlagenabhängigkeitspakete zu installieren. Im Paketierungstool sind fast alle Loader standardmäßig installiert, also verwenden Sie es einfach direkt.

Projektvorschau

Projektzusammenfassung

Jetzt werden die statischen Ressourcen (das statische Verzeichnis der vorherigen Version des Gerüsts) unter public platziert.

HTTP-Anfragen verwenden immer noch axios, um die Anforderung lokaler Daten zu simulieren, und mint-ui wird für Karussellbilder und Popup-Boxen verwendet.

Warenkorbdaten werden mit vuex

Verwandte Empfehlungen verwaltet:

WeChat Small Mall 1.1

Das obige ist der detaillierte Inhalt vonVue Family Bucket realisiert Code-Sharing eines kleinen Einkaufszentrums. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!