Thursday, April 25, 2024
HomeCSSsass - Compile fundamental scss file into single css file utilizing NPM

sass – Compile fundamental scss file into single css file utilizing NPM


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!

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments