VueJS 2 애플리케이션이 1로 컴파일됨

Question

우리는 VueJS를 프런트엔드로 사용하여 애플리케이션을 구축하고 있습니다. 하지만 우리는 2개의 앱을 하나로 병합하고 있습니다. 대중에게 공개되는 전자상거래 측면에는 직원이 제품, 사용자 등을 추가하는 데 사용할 수 있는 관리 패널이 있습니다.

각 부분을 다르게 디자인하는 가장 좋은 방법을 알고 싶습니다. 전자 상거래 측면에서는 1개의 스타일시트(scss)를 사용하고 관리 패널에 또 다른 스타일시트를 사용하려고 합니다. 우리가 가진 문제는 모든 컴파일이 둘 다 애플리케이션의 양쪽에 추가된다는 것입니다. 따라서 관리자가 두 번째로 로드되므로 모든 색상 변수가 애플리케이션의 전자 상거래 공개 측에 표시됩니다.

main.js에서 main.scss를 가져와 main.scss 및 main-admin.scss를 만든 다음 이 파일을 해당 페이지 템플릿 파일로 가져왔습니다. 그러면 이 두 파일이 분리되어 결합될 것으로 생각됩니다. 하지만 이것이 작동하지 않습니다. 이를 달성하는 가장 좋은 방법에 대한 제안이 있습니까?

Answer 1

다음과 같이 스크립트 태그에서 스타일시트를 동적으로 가져올 수 있습니다.

으아아아