docs: added further information on webpack (#1191)

* docs: added further information on webpack

* Update getStarted.adoc

* Update migrationGuide.adoc

* Update db-ui-core-include.scss

* Update files-folder-structure.adoc

* Update db-ui-core-webpack.scss

Author: mfranzke

docs/files-folder-structure.adoc

@@ -23,7 +23,7 @@ link:https://patternlab.io/[pattern lab] system structure files and folders are
 ** `_css_`: Skeleton SCSS files that are including the SCSS files within the __patterns_ subfolders
 *** `helpers`: Providing some global SCSS helpers that are supporting common use cases
 *** `_db-ui-core.variables.scss`: Including global variables for DB UI Core that is only being handled as a SCSS partial
-*** `_rollup.assets-paths.scss` & `_webpack.assets-paths.scss`: Include either one of those in your SCSS file depending if and which bundler you're using in your setup before you `@import "db-ui-core";`; we're adapting the paths to assets in here differentiated by the different bundlers formats
+*** `_rollup.assets-paths.scss` & `_webpack.assets-paths.scss`: Include either one of those in your SCSS file depending if and which bundler you're using in your setup before you `@import "db-ui-core";`; we're adapting the paths to assets in here differentiated by the different bundlers formats. Import `_webpack.assets-paths.scss` for Webpack <5 or old `sass-loader`. With Webpack >= version 5 or newer `sass-loader`, please import file `_rollup.assets-paths.scss` instead.
 *** `db-ui-core.general.scss`: Providing some general global styles (especially) for DB UI Elements to be included in every Web Component and thatfor is actually meant to get exported during build as `db-ui-core.general.css`
 *** `db-ui-core.vars.scss`: Providing global variables (especially) for DB UI Elements that is actually meant to get exported during build as `db-ui-core.vars.css`
 *** `_pattern-scaffolding.css_`: _patternlab_ system related file for styling the _pattern lab_ UI

docs/getStarted.adoc

@@ -145,6 +145,8 @@ For Rollup based bundlers like Vite or Parcel we're providing the following SCSS
 
 #### Webpack based bundlers (e.g. older Angular or Vue CLI versions)
 
+This is meant for ecosystems in which Webpack <5 or old `sass-loader` are interated. With Webpack >= version 5 or newer `sass-loader`, please import file `_rollup.assets-paths.scss` instead.
+
 [source,scss]
 ----
 @use "@db-ui/core/sources/css/webpack.assets-paths" as webpackAssetsPaths;

docs/migrationGuide.adoc

@@ -37,7 +37,7 @@ Please note that we've switched from the deprecated link:https://www.npmjs.com/p
 
 You need to set the load path / include path depending on your SCSS compiler as described within our link:getStarted.adoc#scss-node_modules-include-path--load-path[getting started]
 
-Additionally we've deprecated the `@db-ui/core/sources/css/enterprise/db-ui-core-include` SCSS endpoint – please either `@import` the file `@db-ui/core/sources/css/rollup.assets-paths` or `@db-ui/core/sources/css/webpack.assets-paths` depending on your bundler, previous to importing our main CSS via `@import @db-ui/core/sources/css/enterprise/db-ui-core` directly from now on.
+Additionally we've deprecated the `@db-ui/core/sources/css/enterprise/db-ui-core-include` SCSS endpoint – please either `@import` the file `@db-ui/core/sources/css/rollup.assets-paths` or `@db-ui/core/sources/css/webpack.assets-paths` (Webpack <5 or old sass-loader) depending on your bundler, previous to importing our main CSS via `@import @db-ui/core/sources/css/enterprise/db-ui-core` directly from now on.
 
 ==== SCSS Helper functions
 

source/css/_webpack.assets-paths.scss

@@ -1,4 +1,5 @@
 // If this library is used as an npm dependency, and the source files should be included rather than css, this corrects the paths.
+// Import this file for Webpack <5 or old sass-loader. With Webpack >= version 5 or newer sass-loader, please import file _rollup.assets-paths.scss instead.
 $icons-path: "~@db-ui/core/dist/icons/";
 $images-path: "~@db-ui/core/dist/images/";
 $fonts-path: "~@db-ui/core/dist/fonts/";

source/css/enterprise/db-ui-core-include.scss

@@ -1,3 +1,3 @@
 // Deprecated: This file shouldn't get used / included anymore.
-// Either `@import` the file `@db-ui/core/sources/css/rollup.assets-paths` or `@db-ui/core/sources/css/webpack.assets-paths` depending on your bundler, previous to `@import`ing e.g. the file `@db-ui/core/sources/css/enterprise/db-ui-core` directly from now on.
+// Either `@import` the file `@db-ui/core/sources/css/rollup.assets-paths` or `@db-ui/core/sources/css/webpack.assets-paths` (Webpack <5 or old sass-loader) depending on your bundler, previous to `@import`ing e.g. the file `@db-ui/core/sources/css/enterprise/db-ui-core` directly from now on.
 @import "db-ui-core-webpack";

source/css/enterprise/db-ui-core-webpack.scss

@@ -1,4 +1,4 @@
 // Deprecated: This file shouldn't get used / included anymore.
-// `@import` the file `@db-ui/core/sources/css/webpack.assets-paths`, previous to `@import`ing e.g. the file `@db-ui/core/sources/css/enterprise/db-ui-core` directly from now on.
+// `@import` the file `@db-ui/core/sources/css/webpack.assets-paths` (Webpack <5 or old sass-loader), previous to `@import`ing e.g. the file `@db-ui/core/sources/css/enterprise/db-ui-core` directly from now on.
 @import "../webpack.assets-paths";
 @import "db-ui-core";