VueJS をフロントエンドとして使用してアプリケーションを構(gòu)築しています。しかし、私たちは 2 つのアプリを 1 つに統(tǒng)合しているようなものです。一般に公開(kāi)される電子商取引側(cè)には、従業(yè)員が製品やユーザーなどを追加するために使用できる管理パネルがあります。
各パーツを異なるように設(shè)計(jì)するための最適な方法を知りたいです。電子商取引側(cè)では、管理パネルに 1 つのスタイルシート (scss) を使用し、次に別のスタイルシートを使用したいと考えています。問(wèn)題は、すべてをコンパイルすると、両方がアプリケーションの両側(cè)に追加されることです。したがって、管理者が 2 番目に読み込まれるため、すべてのカラー変數(shù)がアプリケーションの電子商取引のパブリック側(cè)に表示されます。
main.js から main.scss を取り出して main.scss と main-admin.scss を作成し、これらのファイルをそれぞれのページ テンプレート ファイルにインポートしました。これにより、これら 2 つのファイルが分離されると考えられます。しかし、これはうまくいきません。これを達(dá)成するための最良の方法について何か提案はありますか?