|
12 | 12 | src="https://github.com/webpack/media/raw/master/logo/logo-on-white-bg.png?raw=true"> |
13 | 13 | </a> |
14 | 14 | <h1>sass-loader</h1> |
15 | | - <p>Compiles Sass to CSS.<br>Use the <a href="https://github.com/webpack/css-loader">css-loader</a> or the <a href="https://github.com/webpack/raw-loader">raw-loader</a> to turn it into a JS module and the <a href="https://github.com/webpack/extract-text-webpack-plugin">ExtractTextPlugin</a> to extract it into a separate file.<p> |
| 15 | + <p>Compiles Sass to CSS.<br>Use the <a href="https://github.com/webpack-contrib/css-loader">css-loader</a> or the <a href="https://github.com/webpack-contrib/raw-loader">raw-loader</a> to turn it into a JS module and the <a href="https://github.com/webpack-contrib/extract-text-webpack-plugin">ExtractTextPlugin</a> to extract it into a separate file.<p> |
16 | 16 | <p>Looking for the webpack 1 loader? Check out the <a href="https://github.com/webpack-contrib/sass-loader/tree/archive/webpack-1">archive/webpack-1 branch</a>.</p> |
17 | 17 | </div> |
18 | 18 |
|
|
22 | 22 | npm install sass-loader node-sass webpack --save-dev |
23 | 23 | ``` |
24 | 24 |
|
25 | | -The sass-loader requires [node-sass](https://github.com/sass/node-sass) and [webpack](https://github.com/webpack/webpack) |
| 25 | +The sass-loader requires [node-sass](https://github.com/sass/node-sass) and [webpack](https://github.comwebpack) |
26 | 26 | as [`peerDependency`](https://docs.npmjs.com/files/package.json#peerdependencies). Thus you are able to control the versions accurately. |
27 | 27 |
|
28 | 28 | ## Examples |
29 | 29 |
|
30 | | -Chain the sass-loader with the [css-loader](https://github.com/webpack/css-loader) and the [style-loader](https://github.com/webpack/style-loader) to immediately apply all styles to the DOM. |
| 30 | +Chain the sass-loader with the [css-loader](https://github.com/webpack-contrib/css-loader) and the [style-loader](https://github.com/webpack-contrib/style-loader) to immediately apply all styles to the DOM. |
31 | 31 |
|
32 | 32 | ```js |
33 | 33 | // webpack.config.js |
@@ -76,7 +76,7 @@ See [node-sass](https://github.com/andrew/node-sass) for all available Sass opti |
76 | 76 |
|
77 | 77 | ### In production |
78 | 78 |
|
79 | | -Usually, it's recommended to extract the stylesheets into a dedicated file in production using the [ExtractTextPlugin](https://github.com/webpack/extract-text-webpack-plugin). This way your styles are not dependent on JavaScript: |
| 79 | +Usually, it's recommended to extract the stylesheets into a dedicated file in production using the [ExtractTextPlugin](https://github.com/webpack-contrib/extract-text-webpack-plugin). This way your styles are not dependent on JavaScript: |
80 | 80 |
|
81 | 81 | ```js |
82 | 82 | const ExtractTextPlugin = require("extract-text-webpack-plugin"); |
@@ -153,7 +153,7 @@ Bundling CSS with webpack has some nice advantages like referencing images and f |
153 | 153 | There are two possibilties to extract a stylesheet from the bundle: |
154 | 154 |
|
155 | 155 | - [extract-loader](https://github.com/peerigon/extract-loader) (simpler, but specialized on the css-loader's output) |
156 | | -- [extract-text-webpack-plugin](https://github.com/webpack/extract-text-webpack-plugin) (more complex, but works in all use-cases) |
| 156 | +- [extract-text-webpack-plugin](https://github.com/webpack-contrib/extract-text-webpack-plugin) (more complex, but works in all use-cases) |
157 | 157 |
|
158 | 158 | ### Source maps |
159 | 159 |
|
|
0 commit comments