Webpack scss packaging

webpack을 통해 내 프로젝트에서 scss 파일을로드하는 데 scss loader를 사용하고 있습니다. 다 잘 작동하지만 CSS. 모든 CSS가 생성되지만 구성 요소 밖으로 누출됩니다. 즉 동일한 CSS 클래스가 내 구성 요소 외부에서 선언 된 경우 구성 요소 외부의 클래스에 의해 재정의됩니다. 누군가 webpack에 css가 가져 오기와 전역 적으로 노출되지 않는 javascript 클래스로 제한되도록 구성 할 수 있는지 알려주실 수 있습니까? 감사합니다. SamirWebpack scss packaging

출처

2016-06-07 user1845926

당신이 찾고있는 것은 CSS Modules입니다.
github repo에는 필요한 모든 정보가 있지만 간단히 말해서 모든 스타일 파일이 구성 요소의 로컬이되도록합니다. require s/import입니다.
전역으로 스타일 요소 범위를 만들려면 :global() 가상 클래스를 사용할 수 있습니다.

출처

2016-06-07 03:05:53

Gershon에게 답장을 보내 주셔서 감사합니다. 그것은 나를 위해 트릭을했습니다. 내 scss 파일에서 중첩 된 클래스에 액세스 할 수 없지만. 그런 식으로 작동하도록하기 위해 필요한 구성이 있습니까? – user1845926

저는 scss에 익숙하지 않지만 요소들을 (postcss 플러그인을 사용하여) 중첩 할 때 CSS 선택기를 중첩하는 대신'& .nested'를 사용하여 중첩합니다 –

답변

관련 문제