VueJS 2-Anwendung zu 1 kompiliert

Question

Wir erstellen eine Anwendung mit VueJS als Frontend. Aber wir verschmelzen sozusagen zwei Apps zu einer. Auf der öffentlich sichtbaren E-Commerce-Seite verfügen wir über ein Admin-Panel, über das unsere Mitarbeiter Produkte, Benutzer usw. hinzufügen können.

Ich möchte wissen, wie ich jedes Teil am besten anders gestalten kann. Auf der E-Commerce-Seite möchten wir ein Stylesheet (scss) und dann ein weiteres Stylesheet für unser Admin-Panel verwenden. Das Problem, das wir haben, besteht darin, dass bei allen Kompilierungen beide Seiten der Anwendung hinzugefügt werden. Da also unser Admin als zweites geladen wird, werden alle unsere Farbvariablen auf der öffentlichen E-Commerce-Seite der Anwendung angezeigt.

Wir haben main.scss aus main.js herausgenommen und main.scss und main-admin.scss erstellt. Anschließend haben wir diese Dateien in ihre jeweiligen Seitenvorlagendateien importiert, wodurch diese beiden Dateien unserer Meinung nach entkoppelt zusammengeführt werden. Aber das funktioniert nicht. Gibt es Vorschläge, wie man das am besten erreichen kann?

Answer 1

您可以在脚本标记中动态导入样式表，如下所示：