Sass 모듈을 찾을 수 없는 데에는 여러 가지 이유가 있을 수 있습니다. 첫째, 컴퓨터에 설치되어 있지 않을 수 있습니다. 둘째, React가 사용하는 것과 다른 버전의 Sass를 찾고 있을 수 있습니다. 셋째, 모듈이 React와 호환되지 않을 수 있습니다. 마지막으로 모듈을 사용하려고 할 때 모듈이 로드되지 않았을 수 있습니다.
-native
I'm trying to use SASS in my react native project. I installed node-sass and added the following line to my package.json file:
<code>"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest",
"sass": "node-sass --watch app/styles -o app/styles" //<-- this line is new!
},</code>
When I run <code>npm run sass</code>, I get the following error: <code>Error: Cannot find module 'sass'</code>. What am I doing wrong?
위의 코드는 SASS 스타일시트 전처리기를 React Native 프로젝트와 함께 사용하려고 합니다. 노드 패키지 관리자(npm)로 수행할 수 있는 SASS를 먼저 설치해야 합니다. SASS가 설치되면 위의 코드는 SASS 파일을 CSS로 컴파일하기 위해 npm으로 실행할 수 있는 프로젝트의 package.json 파일에 스크립트를 추가합니다. 그런데 스크립트를 실행하면 SASS 모듈을 찾을 수 없다는 오류가 발생합니다. 이는 스크립트의 오타 또는 사용 중인 SASS의 오래된 버전 때문일 수 있습니다.
Gulp.js
Gulp.js는 JavaScript 언어용 작업 실행기입니다. 코드 컴파일 및 축소, 테스트 실행, 문서 생성과 같은 일반적인 작업을 쉽게 자동화할 수 있습니다.
Gulp.js 사용의 이점 중 하나는 모든 JavaScript 프로젝트에서 사용할 수 있다는 것입니다. 매우 다재다능하기 때문에 이를 사용하여 개발 프로세스의 속도를 높이거나 코드에 대한 자동화된 빌드 및 테스트를 생성할 수 있습니다.
Gulp.js를 처음 사용하는 경우 시작하는 데 도움이 되는 몇 가지 리소스가 있습니다.
Gulp 작동 방식에 대한 기본적인 이해가 있으면 Gulp를 사용하여 개발 프로세스를 자동화할 수 있습니다. 예를 들어 코드를 자동으로 컴파일 및 축소하고, 모든 변경 사항에 대해 단위 테스트를 실행하고, 소스 코드에서 문서를 생성하는 데 사용할 수 있습니다.
걸프는 무엇입니까
?
Gulp는 개발 프로세스를 자동화하는 데 도움이 되는 JavaScript용 작업 실행기입니다. 컴파일 및 소스 코드 관리, 단위 테스트 등에 사용할 수 있습니다.
'엉덩이%27
Sass는 CSS용 스타일 시트 언어입니다. 이것은 CSS의 상위 집합으로, CSS 이상의 스타일을 지정할 수 있음을 의미합니다. Sass를 사용하면 재사용 가능한 모듈식 스타일시트를 작성할 수 있으므로 코드를 보다 쉽게 유지 관리할 수 있습니다.
