Web

맥북 M1 scss 에러 해결방법

2021. 7. 31. 16:51
목차
  1. SASS 설치하기
  2. Webpack 설정하기

여차저차 갖가지 에러를 해결하며 프로젝트에 맞는 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 replace node-sass in your package.json file with sass. Both packages expose the same JavaScript API.

참고: LibSass is Deprecated

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')			},		},	],
}

참고
webpack에서 dart-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
  1. SASS 설치하기
  2. Webpack 설정하기
'Web' 카테고리의 다른 글
  • Repaint와 Reflow
  • Polling이란 (Polling과 API 호출은 같지 않다)
  • 맥북 M1에 homebrew로 node랑 vscode, 카카오톡 설치하기
  • 맥북 M1에 homebrew 개발환경 설정하기
개굴이 dev
개굴이 dev
정보를 지식으로 만드는 글쓰기
개굴이 dev
개발공부
개굴이 dev
전체
오늘
어제
  • 분류 전체보기
    • 끄적끄적
    • Javascript
    • React
    • Vue
    • Web
    • HTML
    • CSS(SCSS)
    • 알고리즘
    • Server
      • Node.js
    • Database
      • Mongo
    • Tools
      • Gulp
      • Webpack
    • Design System
    • English
    • Blog

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • Algorithm
  • API
  • backend
  • Counter
  • CSS
  • dartSass
  • design system
  • designsystem
  • EDM
  • Email
  • express
  • frontend
  • github
  • gulp
  • home-brew
  • HTML5
  • java
  • Javascript
  • js
  • js-tutorial
  • macbookM1
  • MongoDB
  • node
  • nodejs
  • outlook
  • react
  • SEO
  • Server
  • task runner
  • task-runner

최근 댓글

최근 글

hELLO · Designed By 정상우.
개굴이 dev
맥북 M1 scss 에러 해결방법
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.