Skip to content

Commit 27475c9

Browse files
committed
docs: fix instructions for adding sass
Closes: facebook#10045
1 parent 0f6fc2b commit 27475c9

File tree

1 file changed

+5
-4
lines changed

1 file changed

+5
-4
lines changed

docusaurus/docs/adding-a-sass-stylesheet.md

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,12 +10,12 @@ Generally, we recommend that you don’t reuse the same CSS classes across diffe
1010

1111
Following this rule often makes CSS preprocessors less useful, as features like mixins and nesting are replaced by component composition. You can, however, integrate a CSS preprocessor if you find it valuable.
1212

13-
To use Sass, first install `node-sass`:
13+
To use Sass, first install `sass`:
1414

1515
```sh
16-
$ npm install node-sass --save
16+
$ npm install sass -D
1717
$ # or
18-
$ yarn add node-sass
18+
$ yarn add sass -D
1919
```
2020

2121
Now you can rename `src/App.css` to `src/App.scss` and update `src/App.js` to import `src/App.scss`.
@@ -32,11 +32,12 @@ This will allow you to do imports like
3232

3333
> **Note:** You must prefix imports from `node_modules` with `~` as displayed above.
3434
35-
`node-sass` also supports the `SASS_PATH` variable.
35+
`sass` also supports the `SASS_PATH` variable.
3636

3737
To use imports relative to a path you specify, and from `node_modules` without adding the `~` prefix, you can add a [`.env` file](https://github.com/facebook/create-react-app/blob/master/docusaurus/docs/adding-custom-environment-variables.md#adding-development-environment-variables-in-env) at the project root with the variable `SASS_PATH=node_modules:src`. To specify more directories you can add them to `SASS_PATH` separated by a `:` like `path1:path2:path3`.
3838

3939
If you set `SASS_PATH=node_modules:src`, this will allow you to do imports like
40+
4041
```scss
4142
@import 'styles/colors'; // assuming a styles directory under src/, where _colors.scss partial file exists.
4243
@import 'nprogress/nprogress'; // importing a css file from the nprogress node module

0 commit comments

Comments
 (0)