scss 반응
npm install node-sass --save
반응에 말대꾸 추가
npm install node-sass --save-dev
react js 에 scss 설치
$ npm install node-sass --save
$ # or
$ yarn add node-sass
반응 앱의 scss
$ npm install node-sass --save$ # or$ yarn add node-sassCopy
꺼내지 않고 react 에서 sass 를 사용하는 방법
#### Using sass in react without ejecting
#1.First install node-sass
npm i --save-dev node-sass
#2.Then install npm-run-all
npm install --save npm-run-all
#Then change the scripts of package.json:
# "scripts": {
# "build-css": "node-sass src -o src",
# "watch-css": "npm run build-css && node-sass src -o src --watch --recursive",
# "start-js": "react-scripts start",
# "start": "npm-run-all -p watch-css start-js",
# "build": "npm run build-css && react-scripts build",
# "test": "react-scripts test --env=jsdom",
# "eject": "react-scripts eject"
# }
#After that, create a scss file beside each css file with the same name
#then run:
npm start
#after that every time you change the scss files, css files also ill be updated.
# !!! no need to change the imports of css files
반응 말대꾸
$myColor: red;
h1 {
color: $myColor;
}