我們正在使用 VueJS 作為前端構(gòu)建一個(gè)應(yīng)用程序。但我們有點(diǎn)將 2 個(gè)應(yīng)用程序合二為一。公眾看到的電子商務(wù)方面，我們有一個(gè)管理面板，我們的員工可以使用它來添加產(chǎn)品、用戶等。
我想知道以不同方式設(shè)計(jì)每個(gè)部分的最佳方式。在電子商務(wù)方面，我們希望使用 1 個(gè)樣式表 (scss)，然后我們的管理面板使用另一個(gè)樣式表。我們遇到的問題是，當(dāng)全部編譯時(shí)，兩者都會(huì)添加到應(yīng)用程序的兩側(cè)。因此，因?yàn)槲覀兊墓芾韱T是第二個(gè)加載的，所以我們的所有顏色變量都顯示在應(yīng)用程序的電子商務(wù)公共端。
我們已經(jīng)從 main.js 中取出了 main.scss 并創(chuàng)建了 main.scss 和 main-admin.scss，然后我們將這些文件導(dǎo)入到它們各自的頁面模板文件中，我們認(rèn)為這將把這兩個(gè)文件解耦。但這不起作用，關(guān)于實(shí)現(xiàn)此目的的最佳方法有什么建議嗎？
1
0
0
您可以在腳本標(biāo)記中動(dòng)態(tài)導(dǎo)入樣式表，如下所示：
sssccc
