여차저차 갖가지 에러를 해결하며 프로젝트에 맞는 npm install 성공 완료!
그리고 npm run start
에러…
import된 css들이 제대로 컴파일이 되지 않는 것 같았습니다. 찾아보니 sass 팀에선 더이상 node-sass를 지원하지 않는다고 합니다. 이는 최신 m1 환경도 지원하지 않는 다는 소리.
공식 사이트에서 dart-sass를 이용하라고 말합니다.
We no longer recommend LibSass for new Sass projects. Use Dart Sass instead.
If you’re a user of Node Sass, migrating to Dart Sass is straightforward: just replacenode-sass
in yourpackage.json
file withsass
. Both packages expose the same JavaScript API.
SASS 설치하기
// 설치된 node-sass가 있다면 삭제
$ npm uninstall node-sass
// Dart Sass(=sass) 설치
$ npm i sass -D
Webpack 설정하기
// 기존
{
test: /\.s[ac]ss$/i,
use: [ 'style-loader', 'css-loader', 'sass-loader' ]
}
// 수정
{
test: /\.s[ac]ss$/i,
use: [
'style-loader',
'css-loader',
{
loader: 'sass-loader',
options: {
implementation: require('sass')
},
},
],
}
다음 글은 m1에서 python 을 실행하며 만나는 에러 글을 작성하겠습니다.
'Web' 카테고리의 다른 글
Repaint와 Reflow (0) | 2023.05.23 |
---|---|
Polling이란 (Polling과 API 호출은 같지 않다) (0) | 2023.04.24 |
맥북 M1에 homebrew로 node랑 vscode, 카카오톡 설치하기 (0) | 2021.07.31 |
맥북 M1에 homebrew 개발환경 설정하기 (0) | 2021.07.31 |
Mac에서 Github 여러 계정 사용하기 (0) | 2021.07.19 |