From f172457ad4e62b834752a6796edcb6980da7a5a9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?R=C3=BCdiger=20Busche?= Date: Sat, 6 Feb 2021 18:59:16 +0100 Subject: [PATCH] Add note about loader incompatible with webpack 4 --- 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