custom-react-scripts
custom-react-scripts copied to clipboard
Sass Globbing Not supported
I'm trying to use Sass Globbing for file imports but this doesn't seem to be supported. My Sass file:
// Common and Base Styles
@import 'common/breakpoints';
@import 'common/fonts';
@import 'common/colors';
@import 'common/typography';
@import 'common/font-icons';
@import 'common/icons';
@import 'common/base';
// Libraries and plugins
@import 'libs/normalize';
@import 'libs/flexboxgrid';
// Atoms
@import 'atoms/**/*';
// Molecules
@import 'molecules/**/*';
// Organisms
@import 'organisms/**/*';
// Templates
@import 'templates/**/*';
// Pages
@import 'pages/**/*';
// Helper Classes
@import 'common/helpers';
Error
Failed to compile.
Error in ./src/styles/main.scss
Module build failed:
@import 'atoms/**/*';
^
File to import not found or unreadable: atoms/**/*
Parent style sheet: stdin
in /PROJECT_PATH/src/styles/main.scss (line 15, column 1)
Error:
@import 'atoms/**/*';
^
File to import not found or unreadable: atoms/**/*
Parent style sheet: stdin
in /PROJECT_PATH/src/styles/main.scss (line 15, column 1)
@ ./src/styles/main.scss 4:14-166 13:2-17:4 14:20-172
@creatifyme Are you using the underlying sass globbing plugin?
@creatifyme @aligajani can you try if it's okay with the latest version?