Is my installation of the pro package correct?


Topic: Is my installation of the pro package correct?

Brainformance asked 3 years ago

Hi there,

just purchased the pro version. After installing with npm my package.json looks like this:

{
  "devDependencies": {
    "bootstrap": "^4.2.1",
  },
  "dependencies": {
    "bootstrap-material-design": "^4.1.1",
    "jquery": "^3.3.1",
    "mdbootstrap-pro": "git+https://oauth2:TOKEN@git.mdbootstrap.com/mdb/jquery/jq-pro.git",
  }
}

My simple question: Do I still have to require basic bootstrap in the dev dependencies and do I still have to require bootstrap-material-design free? Because it looks like within the mdbootstrap-pro package everything is included, also the free version?


Bartłomiej Malanowski staff pro premium answered 3 years ago

I think it's totally up to you. Our package always contains a version of Bootstrap that "fits" the version of MDB that you're using. If you wish to install the dependencies separately, feel free to do that, but please keep in mind that version of Bootstrap, jQuery, and Popper should be the same as in our package


It looks like you do not have the SCSS files for Bootstrap and Bootstrap material design in your package? If I compile bootstrap SCSS myself (because altering bunch of variables) - then I have to require it seperatly, right?

Also referring to this question: https://mdbootstrap.com/support/general/question-about-sass-modularity/

My problem is that I do not want to do unecessary imports. Currently I am doing like this:

// this is where we override the Bootstrap and the Bootstrap Material Design variables
@import "variables_bootstrap";
@import "variables_mdb";

// This import is importing bootstrap including bootstrap material design
@import "../../../../node_modules/bootstrap-material-design/scss/core";

// Import MDB Pro - from node_modules/mdbootstrap-pro/scss/mdb.scss

// Bootstrap
@import "../../../../node_modules/mdbootstrap-pro/scss/core/bootstrap/functions";
@import "../../../../node_modules/mdbootstrap-pro/scss/core/bootstrap/variables";
@import "../../../../node_modules/mdbootstrap-pro/scss/core/bootstrap/rfs";

// CORE
@import "../../../../node_modules/mdbootstrap-pro/scss/core/mixins";
// Your custom variables
@import "../../../../node_modules/mdbootstrap-pro/scss/custom-variables";
@import "../../../../node_modules/mdbootstrap-pro/scss/core/colors";
// ... and so on

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: Any
  • Browser: Any
  • OS: Linux
  • Provided sample code: No
  • Provided link: No