From 78bafa1a40b73dd04e8925740c2c9d54e22b881e Mon Sep 17 00:00:00 2001 From: scott willeke Date: Sun, 10 Sep 2023 11:35:09 -0700 Subject: [PATCH] docs: update getting started guide This adds a few minor changes to fix the fact that the existing getting started steps actually fail to compile. --- README.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index f34f16e8..3994d357 100644 --- a/README.md +++ b/README.md @@ -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. @@ -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;