From e910e9c215a05412ce2fdaf15fe12ffc933286fd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=BCdiger=20Busche?= <rbusche@posteo.net>
Date: Mon, 8 Feb 2021 12:46:28 +0100
Subject: [PATCH] docs: add note about loader incompatible with webpack 4
 (#6266)

---
 docs/guide/css.md | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/docs/guide/css.md b/docs/guide/css.md
index a8f297224d..dfb7cf248a 100644
--- a/docs/guide/css.md
+++ b/docs/guide/css.md
@@ -21,6 +21,15 @@ npm install -D less-loader less
 npm install -D stylus-loader stylus
 ```
 
+::: tip Note on webpack 4
+When using `webpack` version 4, the default in Vue CLI 4, you need to make sure your loaders are compatible with it. Otherwise you will get errors about confliciting peer dependencies. In this case you can use an older version of the loader that is still compatible with `webpack` 4.
+
+``` bash
+# Sass
+npm install -D sass-loader@^10 sass
+```
+:::
+ 
 Then you can import the corresponding file types, or use them in `*.vue` files with:
 
 ``` vue