Currently, I am in the process of using webpack to manage all of my project assets.
In my app.js
file, I am loading and concatenating my assets with the help of ExtractTextPlugin
:
import 'foundation-sites/scss/normalize.scss';
import 'foundation-sites/scss/foundation.scss';
import './../sass/app.scss';
I recently learned that webpack processes each line of code individually, compiling it to CSS and then appending it to the designated distribution file.
My issue arises from the fact that I am unable to access the variables and mixins from foundation in my app.scss
file. This limitation stems from the sequential compilation and appending process. Is there anyone who can provide a solution to this dilemma?