scss에서 import 없이 scss파일을 바로 적용하는 방법

1. webpack.config.js에서 우리가 작성한 sass-loader을 지워준다.

2. 아래와 같이 import를 생략할 scss파일을 명령어로 additionalData에 추가해줌

3. 그럼 아래 명령어 없이도 _variables.scss 의 코드를 사용가능!

 

 

하지만 주의점!

- @use를 통해 color 모듈을 사용하려고 했는데 아래와 같이 에러가 뜬다!

- @use는 무조건 다른 규칙보다 먼저 작성되어야한다는 것인데 현재 우리가 작성한 import보다 뒤에 적용돼서 그렇다.

 

@use를 사용하려면 전역으로 만들어줘야한다.

- 위처럼 미리 등록하면된다!