So I’ve the next fundamental scss listing: /belongings/scss/fundamental.scss
.
On this file, I’ve the next objects:
@charset “utf-8”;
// Preliminary variables should be imported first
@import "../../node_modules/bulma/sass/utilities/initial-variables.sass";
@import "../../node_modules/bulma/sass/utilities/capabilities.sass";
Once I bounce into the capabilities file, I can view Bulmas capabilities code, so I need that imported.
Now I’ve a single css file inside the next listing: /belongings/dist/fundamental.css
.
I wish to import all of the .scss information underneath scss/
into fundamental.scss
after which compile fundamental.scss
into fundamental.css
.
I attempted using the next script, however nothing occurs when it compiles:
"scripts": {
"css-build": "sass belongings/scss/fundamental.scss:belongings/dist/fundamental.css --style compressed"
},
The one factor that will get compiled inside the principle.css file is the next:
/*# sourceMappingURL=fundamental.css.map */
Does anybody have a very good NPM/Gulp/and so on.. answer on how I can take a listing of .scss information and import them into one .scss file after which compile to fundamental.css?
All assistance is appreciated!