Help avoid common pitfalls

I spent way too long banging my head against my desk unsure of why my page wasn't rendering with source maps. I finally found out that you need to have both a link and a require statement for this to work properly.

Author: WalterWeidner

README.md

@@ -19,11 +19,12 @@ var css = require('!css!sass!./file.scss');
 // => returns compiled css code from file.scss, resolves imports and url(...)s
 ```
 
-Use in tandem with the [`style-loader`](https://github.com/webpack/style-loader) to add the css rules to your document:
+Use in tandem with the [`style-loader`](https://github.com/webpack/style-loader) and [`css-loader`](https://github.com/webpack/css-loader) to add the css rules to your document:
 
 ``` javascript
 require('!style!css!sass!./file.scss');
 ```
+*NOTE: If you encounter module errors when requiring scss files, make sure you have installed the required node module for each additional loader you use.*
 
 ### Apply via webpack config
 
@@ -135,6 +136,7 @@ module.exports = {
     ]
 };
 ```
+You will need to reference your app's scss file using ```require('/.file.scss')``` and you will need to add a link tag to your mapping CSS ```<link rel="stylesheet" href="styles.css" />```
 
 If you want to edit the original Sass files inside Chrome, [there's a good blog post](https://medium.com/@toolmantim/getting-started-with-css-sourcemaps-and-in-browser-sass-editing-b4daab987fb0). Checkout [test/sourceMap](https://github.com/jtangelder/sass-loader/tree/master/test) for a running example. Make sure to serve the content with an HTTP server.