我們正在使用 VueJS 作為前端建立一個應用程式。但我們有點將 2 個應用程式合而為一。大眾看到的電子商務方面，我們有一個管理面板，我們的員工可以使用它來添加產品、用戶等。
我想知道以不同方式設計每個部分的最佳方式。在電子商務方面，我們希望使用 1 個樣式表 (scss)，然後我們的管理面板使用另一個樣式表。我們遇到的問題是，當全部編譯時，兩者都會添加到應用程式的兩側。因此，因為我們的管理員是第二個載入的，所以我們的所有顏色變數都顯示在應用程式的電子商務公共端。
我們已經從main.js 中取出了main.scss 並創建了main.scss 和main-admin.scss，然後我們將這些檔案導入到它們各自的頁面模板檔案中，我們認為這將把這兩個檔案解耦。但這不起作用，關於實現此目的的最佳方法有什麼建議嗎？
您可以在腳本標記中動態匯入樣式表，如下所示：