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