Dodaj sass do Reacta

Przykłady kodu

8
0

scss react

npm install node-sass --save
5
0

dodaj sass do Reacta

npm install node-sass --save-dev
2
0

zainstaluj scss w react js

$ npm install node-sass --save
$ # or
$ yarn add node-sass
2
0

scss w aplikacji react

$ npm install node-sass --save$ # or$ yarn add node-sassCopy
1
0

jak używać sass w reaccie bez eject

#### 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
0
0

React Sass

$myColor: red;

h1 {
  color: $myColor;
}

W innych językach

Ta strona jest w innych językach

Русский
..................................................................................................................
English
..................................................................................................................
Italiano
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................
Балгарскі
..................................................................................................................
Íslensk
..................................................................................................................