chore: next-config 파일 수정 #16
Closed
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
21ow
approved these changes
Dec 20, 2024
|
|
||
| const nextConfig: NextConfig = { | ||
| reactStrictMode: true, | ||
| sassOptions: { | ||
| includePaths: [path.join(__dirname, 'src')], | ||
| additionalData: `@use '@/assets/variables' as *;`, |
There was a problem hiding this comment.
reset, globals에 각각 연결한 variables를 config에 varibables 설정을 추가함으로써 제거했다
이렇게 이해하면 되는 건가요?? 잘 몰라서 물어봐요 😚
There was a problem hiding this comment.
reset, globals에 각각 연결한 variables를 config에 varibables 설정을 추가함으로써 제거했다 이렇게 이해하면 되는 건가요?? 잘 몰라서 물어봐요 😚
원래 variable을 scss에서 사용하려면 만들려는 scss 파일 위쪽에 무조건 @use '@/assets/variables'로 import 해줘야지만 variables에서 지정한 변수들을 사용할 수 있었는데 그걸 그냥 전역적으로 scss 파일들에 import 한다고 적어서 번거로운 과정을 없애주었어요 ˆ𐃷ˆ
21ow
added
⚙ Setting
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
📝 Description
원래 config 파일에
additionalData:@use '@/assets/variables' as *;추가해서 다른 곳에서 바로 사용할 수 있도록 해두었습니다.ex) color: $green;
padding: $pad-button;
📸 Screenshot