Menu icon Foundation
Prepros 5 and Foundation 6 anyone?

I would like to use Prepros 5 with new Foundation 6 projects in order to use the Prepros' browser refresh option.

I have used it sucessfully with F5 in the past.

https://prepros.io/

However, I keep getting an error in trying to process the SCSS files using LibSass:

ERROR: file to import not found or unreadable: util/util

I know that it is because Prepros is unable to find the folder:

\bower_components\foundation-sites\scss\util

and I know this is already specified in the gulpfile.js file.

How do I get Prepros to read the gulpfile.js or configure Prepros to find those folders?

I know that I could just use Compass with a config.rb file, but I am trying to make the move to LibSass.

Any help would be appreciated!

preproslibsassF6util/util

I would like to use Prepros 5 with new Foundation 6 projects in order to use the Prepros' browser refresh option.

I have used it sucessfully with F5 in the past.

https://prepros.io/

However, I keep getting an error in trying to process the SCSS files using LibSass:

ERROR: file to import not found or unreadable: util/util

I know that it is because Prepros is unable to find the folder:

\bower_components\foundation-sites\scss\util

and I know this is already specified in the gulpfile.js file.

How do I get Prepros to read the gulpfile.js or configure Prepros to find those folders?

I know that I could just use Compass with a config.rb file, but I am trying to make the move to LibSass.

Any help would be appreciated!

Chris almost 4 years ago

In line 42 of the _settings.scss there's an "@import 'util/util';"

Set that to the right directory or try to simply uncomment it (since it's the settings file, i think foundation will import the right util.scss by default).

Kirk Nicholson almost 4 years ago

Thank you @Chris that seems to have worked!

Had to add lines to the app.scss as well...

_settings.scss
LINE 42:
@import '../bower_components/foundation-sites/scss/util/util';

app.scss
LINE 4 :
@import '../bower_components/foundation-sites/scss/foundation';

LINE 5:
@import '../bower_components/motion-ui/src/motion-ui';

seems to have fixed it.