diff --git a/scss/core/core.scss b/scss/core/core.scss index 27ff012e87..e9196e6fc8 100644 --- a/scss/core/core.scss +++ b/scss/core/core.scss @@ -1,5 +1,3 @@ -@use "~react-loading-skeleton/dist/skeleton"; - @import "functions"; @import "variables"; @import "~bootstrap/scss/mixins"; @@ -7,6 +5,12 @@ @import "~bootstrap/scss/reboot"; @import "typography"; @import "grid"; +// The react-loading-skeleton package.json defines an 'exports' field which specifies a '.css' +// extension on this export. Without the '.css' on the end of this line, webpack can't find the file +// and the build fails. +// See https://webpack.js.org/guides/package-exports/ for more information on how webpack uses +// the 'exports' field. +@import "~react-loading-skeleton/dist/skeleton.css"; @import "~bootstrap/scss/transitions"; @import "utilities"; @import "~bootstrap/scss/media";