Aplikasi VueJS 2 disusun kepada 1

Question

Kami sedang membina aplikasi menggunakan VueJS sebagai bahagian hadapan. Tetapi kami seperti menggabungkan 2 aplikasi menjadi satu. Di bahagian e-dagang yang boleh dilihat oleh orang ramai, kami mempunyai panel pentadbir yang boleh digunakan oleh pekerja kami untuk menambah produk, pengguna, dsb.

Saya ingin tahu cara terbaik untuk mereka bentuk setiap bahagian secara berbeza. Di bahagian e-dagang kami ingin menggunakan 1 lembaran gaya (scss) dan kemudian lembaran gaya lain untuk panel pentadbir kami. Masalah yang kita ada ialah apabila semua kompilasi, kedua-duanya ditambahkan pada kedua-dua belah aplikasi. Jadi, kerana pentadbir kami dimuatkan kedua, semua pembolehubah warna kami dipaparkan pada bahagian awam e-dagang aplikasi.

Kami telah mengeluarkan main.scss daripada main.js dan mencipta main.scss dan main-admin.scss, kemudian kami telah mengimport fail ini ke dalam fail templat halaman masing-masing, yang kami fikir akan menggabungkan kedua-dua fail ini Dipisahkan. Tetapi ini tidak berfungsi, ada cadangan tentang cara terbaik untuk mencapai ini?

Answer 1

Anda boleh mengimport lembaran gaya secara dinamik dalam teg skrip seperti ini:

sssccc