VueJS 2 アプリケーションが 1 にコンパイルされました

Question

VueJS をフロントエンドとして使用してアプリケーションを構築しています。しかし、私たちは 2 つのアプリを 1 つに統合しているようなものです。一般に公開される電子商取引側には、従業員が製品やユーザーなどを追加するために使用できる管理パネルがあります。

各パーツを異なるように設計するための最適な方法を知りたいです。電子商取引側では、管理パネルに 1 つのスタイルシート (scss) を使用し、次に別のスタイルシートを使用したいと考えています。問題は、すべてをコンパイルすると、両方がアプリケーションの両側に追加されることです。したがって、管理者が 2 番目に読み込まれるため、すべてのカラー変数がアプリケーションの電子商取引のパブリック側に表示されます。

main.js から main.scss を取り出して main.scss と main-admin.scss を作成し、これらのファイルをそれぞれのページ テンプレート ファイルにインポートしました。これにより、これら 2 つのファイルが分離されると考えられます。しかし、これはうまくいきません。これを達成するための最良の方法について何か提案はありますか?

Answer 1

次のようにスクリプト タグでスタイルシートを動的にインポートできます:

リーリー