Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs: update getting started guide #1160

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
12 changes: 6 additions & 6 deletions README.md
Expand Up @@ -23,22 +23,22 @@ Loads a Sass/SCSS file and compiles it to CSS.
To begin, you'll need to install `sass-loader`:

```console
npm install sass-loader sass webpack --save-dev
npm install sass-loader sass webpack style-loader css-loader --save-dev
```

or

```console
yarn add -D sass-loader sass webpack
yarn add -D sass-loader sass webpack style-loader css-loader
```

or

```console
pnpm add -D sass-loader sass webpack
pnpm add -D sass-loader sass webpack style-loader css-loader
```

`sass-loader` requires you to install either [Dart Sass](https://github.com/sass/dart-sass), [Node Sass](https://github.com/sass/node-sass) on your own (more documentation can be found below) or [Sass Embedded](https://github.com/sass/embedded-host-node).
`sass-loader` requires you to install either [Dart Sass](https://github.com/sass/dart-sass), [Node Sass](https://github.com/sass/node-sass) on your own (more documentation can be found below) or [Sass Embedded](https://github.com/sass/embedded-host-node). The install commands above install the [saas](https://www.npmjs.com/package/sass) which is a distribution of Dart Sass, compiled to pure JavaScript.

This allows you to control the versions of all your dependencies, and to choose which Sass implementation to use.

Expand All @@ -58,13 +58,13 @@ Chain the `sass-loader` with the [css-loader](https://github.com/webpack-contrib

Then add the loader to your Webpack configuration. For example:

**app.js**
**src/index.js**

```js
import "./style.scss";
```

**style.scss**
**src/style.scss**

```scss
$body-color: red;
Expand Down